p.rolling-block__content.desk-view {
    width: 350px;
}

.offipart {
    margin-left: 0px !important;
}
p.services-text a {
    color: #0000ee;
}
.form-control:focus {
    box-shadow: none;
}
textarea.form-control {
    font-family: Roboto, sans-serif !important;
}
.bl-mb-li {
    margin-bottom: 25px
}

#mail-status{
		display:none;
}
  .g-recaptcha {
           margin: 20px 0px !important;
        }    
.fa-check:before {
  
	display : none !important;
}
.form-control {
    background-color: #ffffff33 !important;
    border: none !important;
    box-shadow: none;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
    padding: 13px 12px !important;
}

.bl-ml-30 {
    margin-left: 30px;
    margin-top: 20px
}

.blog-image {
    width: 100%
}

.menu-left text {
    font-family: Roboto, sans-serif;
    font-size: 300px;
    text-transform: uppercase;
    font-weight: 900
}

.text-justify {
    text-align: justify
}

::placeholder {
    color: #000;
    opacity: 1
}

:-ms-input-placeholder {
    color: #000
}

::-ms-input-placeholder {
    color: #000
}

.image-blog {
    margin-bottom: 50px
}

.animation-element {
    opacity: 0
}

.animation-element.slide-left {
    opacity: 0;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    -moz-transform: translate3d(-100px, 0, 0);
    -webkit-transform: translate3d(-100px, 0, 0);
    -o-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    transform: translate3d(-100px, 0, 0)
}

.animation-element.slide-left.in-view {
    font-family: Roboto, sans-serif;
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate3d(0, 0, 0)
}

.logo {
    background: url(images/logo/logo-wht.png);
    background-repeat: no-repeat;
    width: 130px;
    height: 65px;
    display: inline-block;
    margin-left: 40px;
    margin-top: 40px
}

.logo--invert {
    background: url(images/logo/logo.png);
    width: 130px;
    height: 65px;
    background-repeat: no-repeat;
    margin-left: 40px;
    margin-top: 40px
}

.breadcrum {
    position: relative;
    z-index: 4;
    text-align: center;
    height: 440px
}

.sections {
    padding-top: var(--gutter);
    padding-bottom: var(--gutter);
    min-height: 50vh!important;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.inner-section {
    position: inherit!important
}

.isotope-item {
    z-index: auto!important
}

.submit-butt-about {
    margin: 0;
    text-transform: uppercase;
    font-size: 100%!important;
    color: #000!important;
    cursor: pointer!important;
    background: 0 0!important;
    border: 0!important;
    pointer-events: painted!important;
    margin-top: 30px!important;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px
}

.form-mt {
    margin-top: 15px
}

.submit-butt {
    margin: 0;
    padding: 16px;
    font-size: 100%!important;
    color: #fff!important;
    cursor: pointer!important;
    background: 0 0!important;
    border: 0!important;
    pointer-events: painted!important;
    margin-top: 15px!important;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 2px
}

.contact-page {
    margin-top: 150px
}

.about-get {
    border-bottom: 1px solid #333!important
}

.field-about {
    border-bottom: 1px solid #333!important
}

.input-about {
    color: #333!important
}

.about-label {
    color: #333!important;
    left: 0;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    font-size: 12px
}

.mail-2 {
    margin-left: 0;
    width: 530px!important
}

.address-cont {
    margin-bottom: 10px;
    font-family: Roboto, sans-serif;
    font-size: 18px!important;
    display: inline-block;
    height: 100%;
    letter-spacing: 2px;
    color: #fff;
    background-color: transparent
}

.hay-hello {
    text-align: center;
    margin-top: 9px;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 600;
    font-size: 30px!important
}

.portfolio-page .scrolling {
    overflow: auto!important
}

.portfolio-page body {
    position: inherit!important;
    width: 100%;
    height: 100%;
    overflow: auto!important
}

.screen-panel_about .lines-bg {
    z-index: 0;
    margin-top: 800px!important
}

.screen-panel {
    position: inherit!important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto!important
}

.screen-panel_about {
    background-color: #fff
}

.pop-up_contacts {
    background: 0 0
}

.pop-up_contacts .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #121212
}

.pop-up_contacts .close-btn {
    z-index: 3
}

.pop-up_contacts .response-message,
.pop-up_contacts .scrolling {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pop-up_contacts .response-message {
    position: fixed;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #121212;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .35s, visibility .35s;
    transition: opacity .35s, visibility .35s
}

.pop-up_contacts .response-message p {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    padding: 0 20px;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase
}

.pop-up_contacts.inverted {
    background-color: #fff
}

.pop-up_contacts.inverted .close-btn .line {
    background-color: #121212
}

.pop-up_contacts.inverted .contacts__content .line {
    background-color: #cfcfcf
}

.pop-up_contacts.inverted .contacts__content .close-btn .line {
    background-color: #121212
}

.pop-up_contacts.inverted .contacts__content .field__title .rolling-block__content,
.pop-up_contacts.inverted .contacts__content .rolling-block__content {
    color: #121212
}

.pop-up_contacts.inverted .input-area+label i,
.pop-up_contacts.inverted .input-field+label i {
    background-color: #000
}

.pop-up_contacts.inverted .input-area,
.pop-up_contacts.inverted .input-field {
    color: #121212
}

.pop-up_contacts.inverted .action-btn:before {
    background-color: #121212
}

.pop-up_contacts.inverted .action-btn__label {
    color: #121212
}

.pop-up_contacts.inverted .action-btn__label:before {
    background-color: #121212
}

.pop-up_contacts.inverted .action-btn__label .rolling-block-wrap:before,
.pop-up_contacts.inverted .action-btn__label span:before {
    background-color: #fff
}

.pop-up_contacts.inverted .action-btn__line:after,
.pop-up_contacts.inverted .action-btn__line:before {
    background-color: #121212
}

.pop-up_contacts.hidden {
    opacity: 0;
    -webkit-transform: translateZ(0) scale(.75);
    transform: translateZ(0) scale(.75)
}

.pop-up_contacts.hidden .rolling-block__content {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.pop-up_contacts.hidden .contacts__content .line {
    width: 0
}

.pop-up_contacts.hidden .contacts__content .action-btn {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.pop-up_contacts.hidden .contacts__content .action-btn .rolling-block__content {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.pop-up_contacts.active-message .response-message {
    opacity: 1;
    visibility: visible
}

.contacts__content {
    width: 900px;
    padding-top: 40px;
    padding-bottom: 60px;
    margin: 0 auto;
    overflow: hidden
}

.contacts__content .line {
    height: 1px;
    background-color: #303030;
    -webkit-transition: width .5s;
    transition: width .5s
}

.contacts__content .field {
    position: relative;
    height: 70px;
    border-bottom: 1px solid #fff;
    font-family: Roboto, sans-serif
}

.contacts__content .field__title {
    font-family: Roboto, sans-serif;
    float: left;
    position: relative;
    width: 160px;
    height: 70px;
    pointer-events: none
}

.contacts__content .field__title .rolling-block {
    left: 0;
    font-family: Roboto, sans-serif;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    font-size: 12px;
    color: #fff
}

.contacts__content .error-message,
.contacts__content .field__title .rolling-block {
    position: absolute;
    font-family: Roboto, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase
}

.contacts__content .error-message {
    font-size: 10px;
    color: #ff0060;
    font-family: Roboto, sans-serif;
    right: 0;
    bottom: -6px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 1;
    visibility: inherit!important;
    -webkit-transition: opacity .65s, visibility .65s;
    transition: opacity .65s, visibility .65s
}

.contacts__content .field__area,
.contacts__content .field__input {
    float: left;
    width: 480px;
    height: 100%;
    position: relative;
    border-bottom: 1px solid #fff;
    font-family: Roboto, sans-serif
}

.contacts__content .area {
    position: relative;
    height: 140px;
    border-bottom: 1px solid #fff;
    font-family: Roboto, sans-serif
}

.contacts__content .bottom-field {
    position: relative;
    overflow: hidden;
    height: 120px;
    text-align: center;
    font-family: Roboto, sans-serif
}

.contacts__content .bottom-field input[type=submit] {
    display: none;
    font-family: Roboto, sans-serif
}

.contacts__content .bottom-field .file-name {
    font-family: Roboto, sans-serif;
    font-size: 10px;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: right;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    bottom: 30px;
    -webkit-transition: opacity .65s, visibility .65s;
    transition: opacity .65s, visibility .65s
}

.contacts__content .rolling-block__content {
    color: #fff;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.contacts__content .action-btn {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .35s ease-out .4s;
    transition: -webkit-transform .35s ease-out .4s;
    transition: transform .35s ease-out .4s;
    transition: transform .35s ease-out .4s, -webkit-transform .35s ease-out .4s
}

.contacts__content .action-btn .rolling-block {
    height: 100%;
    text-align: center
}

.contacts__content .action-btn .action-btn__progress {
    position: absolute;
    left: 0;
    bottom: 14px;
    width: 100%;
    height: 1px;
    background-color: #fff;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 5s;
    transition: -webkit-transform 5s;
    transition: transform 5s;
    transition: transform 5s, -webkit-transform 5s
}

.contacts__content .action-btn .action-btn__label .rolling-block-wrap,
.contacts__content .action-btn .action-btn__label span {
    white-space: nowrap;
    display: inline-block;
    height: 30px
}

.contacts__content .action-btn .rolling-block__content_active {
    opacity: 0
}

.contacts__content .action-btn.complete .rolling-block-wrap,
.contacts__content .action-btn.progress .rolling-block-wrap {
    pointer-events: none
}

.contacts__content .action-btn.complete .rolling-block__content_active,
.contacts__content .action-btn.progress .rolling-block__content_active {
    opacity: 1
}

.contacts__content .action-btn.complete .rolling-block__content_normal,
.contacts__content .action-btn.progress .rolling-block__content_normal {
    opacity: .5;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.contacts__content .action-btn.complete .action-btn__label,
.contacts__content .action-btn.progress .action-btn__label {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.contacts__content .action-btn.complete .action-btn__label:before,
.contacts__content .action-btn.complete .action-btn__line:after,
.contacts__content .action-btn.complete .action-btn__line:before,
.contacts__content .action-btn.progress .action-btn__label:before,
.contacts__content .action-btn.progress .action-btn__line:after,
.contacts__content .action-btn.progress .action-btn__line:before {
    width: auto;
    left: 100%;
    right: 0;
    -webkit-transition: left .2s;
    transition: left .2s
}

.contacts__content .action-btn.complete .action-btn__progress,
.contacts__content .action-btn.progress .action-btn__progress {
    -webkit-transform: scaleX(.75);
    transform: scaleX(.75)
}

.contacts__content .action-btn.complete .rolling-block__content {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.contacts__content .action-btn.complete .action-btn__label {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.contacts__content .action-btn.complete .action-btn__label .rolling-block-wrap,
.contacts__content .action-btn.complete .action-btn__label span {
    cursor: default
}

.contacts__content .action-btn.complete .action-btn__progress {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 0;
    -webkit-transition: opacity .35s linear .35s, -webkit-transform .35s;
    transition: opacity .35s linear .35s, -webkit-transform .35s;
    transition: transform .35s, opacity .35s linear .35s;
    transition: transform .35s, opacity .35s linear .35s, -webkit-transform .35s
}

.contacts__content .close-btn .line {
    background-color: #fff
}

.contacts__content .preloader {
    left: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    display: none
}

.contacts__content .attach-file-btn {
    position: absolute;
    padding-left: 40px;
    right: 0;
    top: 50%;
    text-align: right;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.contacts__content .attach-file-btn input {
    display: none
}

.contacts__content .attach-file-btn label {
    cursor: pointer
}

.contacts__content .attach-file-btn .ico {
    left: 0;
    top: 40%;
    -webkit-transform: translate3d(0, -50%, 0) rotate(0);
    transform: translate3d(0, -50%, 0) rotate(0)
}

.contacts__content .attach-file-btn:hover .ico .line:before {
    left: -15px;
    -webkit-transition: left .35s;
    transition: left .35s
}

.contacts__content .attach-file-btn:hover .ico .line:nth-child(2):before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.contacts__content .attach-file-btn:hover .ico .line:first-child:before {
    -webkit-transition-delay: 75ms;
    transition-delay: 75ms
}

.contacts__content .attach-file-btn.uploading {
    pointer-events: none
}

.contacts__content .attach-file-btn.uploading .preloader {
    display: block
}

.contacts__content .attach-file-btn.uploading .close-btn {
    display: none
}

.fixed {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.fixed,
.fixed-hud {
    z-index: 2;
    -webkit-transition: opacity .35s, visibility .35s;
    transition: opacity .35s, visibility .35s
}

.fixed-hud {
    position: fixed!important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fixed-hud .vintage-is-all .svg {
    fill: #fff!important
}

.vintage-logo {
    position: absolute;
    z-index: 5;
    left: 60px;
    top: 40px;
    height: 40px;
    color: #fff;
    font-size: 32px;
    pointer-events: visiblePainted!important
}

.vintage-logo .icon {
    -webkit-transition: visibility .25s ease-out .25s, -webkit-transform .25s;
    transition: visibility .25s ease-out .25s, -webkit-transform .25s;
    transition: transform .25s, visibility .25s ease-out .25s;
    transition: transform .25s, visibility .25s ease-out .25s, -webkit-transform .25s
}

.vintage-logo .icon-v {
    display: block;
    visibility: hidden
}

.vintage-logo a {
    position: relative;
    display: block;
    width: 100%;
    -webkit-transition: none;
    transition: none
}

.vintage-logo.minified a {
    width: 30px;
    -webkit-transition: width 0s linear .5s;
    transition: width 0s linear .5s
}

.vintage-logo.minified .icon {
    -webkit-transition: visibility .25s ease-out 0s, -webkit-transform .25s;
    transition: visibility .25s ease-out 0s, -webkit-transform .25s;
    transition: transform .25s, visibility .25s ease-out 0s;
    transition: transform .25s, visibility .25s ease-out 0s, -webkit-transform .25s
}

.vintage-logo.minified .icon-v,
.vintage-logo.minified .icon-vintage {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
}

.vintage-logo.minified .icon-v {
    visibility: visible
}

.menu-block {
    position: absolute;
    z-index: 4;
    top: 0;
    right: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    pointer-events: none
}

.menu-block .menu-btn-label {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 3;
    right: 105px;
    top: 35px;
    pointer-events: visiblePainted;
    -webkit-transition: opacity .5s linear, visibility .5s linear;
    transition: opacity .5s linear, visibility .5s linear;
    color: #fff
}

.menu-block .menu-btn-label .roll-hover-btn {
    margin-right: 15px
}

.menu-block .menu-btn-label .roll-hover-btn:last-child {
    margin-right: 0
}

.menu-open .menu-block .menu-btn-label {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .25s linear, visibility .25s linear;
    transition: opacity .25s linear, visibility .25s linear
}

.no-flex .menu-block .menu-btn-label {
    display: block;
    white-space: nowrap
}

.menu-btn {
    position: absolute;
    z-index: 3;
    right: 60px;
    top: 40px;
    width: 25px;
    cursor: pointer;
    margin-bottom: 15px;
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    pointer-events: visiblePainted
}

.menu-btn:hover .menu-btn__line__inner:first-child {
    -webkit-animation-name: a;
    animation-name: a
}

.menu-btn:hover .menu-btn__line__inner:nth-child(2) {
    -webkit-animation-name: b;
    animation-name: b
}

@-webkit-keyframes a {
    0% {
        left: 0
    }
    to {
        left: -40px
    }
}

@keyframes a {
    0% {
        left: 0
    }
    to {
        left: -40px
    }
}

@-webkit-keyframes b {
    0% {
        left: 25px
    }
    to {
        left: -15px
    }
}

@keyframes b {
    0% {
        left: 25px
    }
    to {
        left: -15px
    }
}

.menu-btn__line {
    position: relative;
    overflow: hidden;
    height: 1px;
    margin-bottom: 7px;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: none;
    transition: none
}

.menu-btn__line:first-child .menu-btn__line__inner {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.menu-btn__line:nth-child(2) .menu-btn__line__inner {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: 75ms;
    animation-delay: 75ms
}

.menu-btn__line:nth-child(3) .menu-btn__line__inner {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.menu-btn__line:nth-child(3),
.menu-btn__line:nth-child(4) {
    margin-bottom: 0
}

.menu-btn__line_hover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    visibility: hidden;
    -webkit-transition: visibility 0s linear .35s, -webkit-transform .35s ease-out 0s;
    transition: visibility 0s linear .35s, -webkit-transform .35s ease-out 0s;
    transition: transform .35s ease-out 0s, visibility 0s linear .35s;
    transition: transform .35s ease-out 0s, visibility 0s linear .35s, -webkit-transform .35s ease-out 0s
}

.menu-btn__line__inner {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.menu-btn__line__inner:nth-child(2) {
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
}

.langs {
    position: absolute;
    z-index: 3;
    right: 60px;
    top: 75px;
    pointer-events: visiblePainted
}

.langs__i {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    color: #fff;
    text-transform: uppercase;
    text-align: right;
    margin-bottom: 5px
}

.portfolio-btn-block {
    position: absolute;
    right: 60px;
    bottom: 40px;
    pointer-events: visiblePainted
}

.vintage-web-prod {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    z-index: 3;
    left: 60px;
    bottom: 40px
}

.vintage-web-prod .rolling-block {
    margin-bottom: 5px
}

.vintage-web-prod .rolling-block:last-child {
    margin-bottom: 0
}

.vintage-web-prod.hidden_bottom .rolling-block__content {
    -webkit-transform: translate3d(0, 100%, 0)!important;
    transform: translate3d(0, 100%, 0)!important
}

.vintage-web-prod.hidden .rolling-block__content,
.vintage-web-prod.hidden_bottom .rolling-block__content {
    -webkit-transition: -webkit-transform .35s!important;
    transition: -webkit-transform .35s!important;
    transition: transform .35s!important;
    transition: transform .35s, -webkit-transform .35s!important;
    -webkit-transition-delay: 0s!important;
    transition-delay: 0s!important
}

.vintage-web-prod.hidden .rolling-block__content {
    -webkit-transform: translate3d(0, -100%, 0)!important;
    transform: translate3d(0, -100%, 0)!important
}

.vintage-web-prod.small-delay .rolling-block__content {
    -webkit-transition: -webkit-transform .35s!important;
    transition: -webkit-transform .35s!important;
    transition: transform .35s!important;
    transition: transform .35s, -webkit-transform .35s!important;
    -webkit-transition-delay: .25s!important;
    transition-delay: .25s!important
}

.vintage-is-all {
    position: absolute;
    z-index: 3;
    left: 60px;
    bottom: 40px;
    color: #fff
}

.vintage-is-all .svg {
    display: block;
    font-size: 17px
}

.vintage-is-all .rolling-block {
    margin-bottom: 0;
    font-family: Roboto, sans-serif;
    font-size: 17px;
    text-transform: capitalize;
    color: inherit;
    display: inline-block;
    position: relative
}

.vintage-is-all .rolling-block:first-child .svg {
    font-size: 19px
}

.vintage-is-all .rolling-block__content {
    -webkit-transition-delay: .25s!important;
    transition-delay: .25s!important
}

.vintage-is-all.hidden_bottom .rolling-block__content {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition-delay: 0s!important;
    transition-delay: 0s!important
}

.vintage-is-all.hidden .rolling-block__content {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition-delay: 0s!important;
    transition-delay: 0s!important
}

.socials,
.socials-portfolio {
    /* position: absolute; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    z-index: 3;
    right: 60px;
    bottom: 40px;
    pointer-events: none;
    color: #fff
}

.socials .rolling-block,
.socials-portfolio .rolling-block {
    float: right;
    font-size: 12px;
    margin-right: 50px ;
    pointer-events: visiblePainted
}

.socials .rolling-block:first-child,
.socials-portfolio .rolling-block:first-child {
    margin-right: 0
}

.socials .rolling-block.hidden .rolling-block__content,
.socials-portfolio .rolling-block.hidden .rolling-block__content {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.socials .rolling-block.hidden_bottom .rolling-block__content,
.socials-portfolio .rolling-block.hidden_bottom .rolling-block__content {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.mobile-splash {
    display: none;
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 90px;
    left: 0;
    top: 0
}

@-webkit-keyframes c {
    0% {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
    30% {
        -webkit-transform: translate(0) rotate(-10deg);
        transform: translate(0) rotate(-10deg)
    }
    to {
        -webkit-transform: translateY(4px) rotate(45deg);
        transform: translateY(4px) rotate(45deg)
    }
}

@keyframes c {
    0% {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
    30% {
        -webkit-transform: translate(0) rotate(-10deg);
        transform: translate(0) rotate(-10deg)
    }
    to {
        -webkit-transform: translateY(4px) rotate(45deg);
        transform: translateY(4px) rotate(45deg)
    }
}

@-webkit-keyframes d {
    0% {
        -webkit-transform: translateY(4px) rotate(45deg);
        transform: translateY(4px) rotate(45deg)
    }
    70% {
        -webkit-transform: translate(0) rotate(-10deg);
        transform: translate(0) rotate(-10deg)
    }
    to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

@keyframes d {
    0% {
        -webkit-transform: translateY(4px) rotate(45deg);
        transform: translateY(4px) rotate(45deg)
    }
    70% {
        -webkit-transform: translate(0) rotate(-10deg);
        transform: translate(0) rotate(-10deg)
    }
    to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

@-webkit-keyframes e {
    0% {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
    30% {
        -webkit-transform: translate(0) rotate(10deg);
        transform: translate(0) rotate(10deg)
    }
    to {
        -webkit-transform: translateY(-4px) rotate(-45deg);
        transform: translateY(-4px) rotate(-45deg)
    }
}

@keyframes e {
    0% {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
    30% {
        -webkit-transform: translate(0) rotate(10deg);
        transform: translate(0) rotate(10deg)
    }
    to {
        -webkit-transform: translateY(-4px) rotate(-45deg);
        transform: translateY(-4px) rotate(-45deg)
    }
}

@-webkit-keyframes f {
    to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
    70% {
        -webkit-transform: translate(0) rotate(10deg);
        transform: translate(0) rotate(10deg)
    }
    0% {
        -webkit-transform: translateY(-4px) rotate(-45deg);
        transform: translateY(-4px) rotate(-45deg)
    }
}

@keyframes f {
    to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
    70% {
        -webkit-transform: translate(0) rotate(10deg);
        transform: translate(0) rotate(10deg)
    }
    0% {
        -webkit-transform: translateY(-4px) rotate(-45deg);
        transform: translateY(-4px) rotate(-45deg)
    }
}

.landscape-splash {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #191919;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.landscape-splash__message {
    position: relative;
    margin: 20px
}

.landscape-splash__message .animation,
.landscape-splash__message svg {
    display: block;
    position: relative;
    margin: 0 auto 20px
}

.landscape-splash__message .animation {
    width: 200px;
    height: 150px;
    margin: 0 auto
}

.landscape-splash__message .animation svg {
    width: 100%;
    height: 100%
}

.landscape-splash__message svg {
    width: 35px;
    fill: #fff;
    font-size: 2rem
}

.landscape-splash__message p {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #fff;
    letter-spacing: 2px
}

.glitch-buffer {
    display: none
}

.menu {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    pointer-events: visiblePainted
}

.menu.hidden {
    pointer-events: none
}

.menu.hidden .pages-list__i .inner {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.menu.hidden .rolling-block__content {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%)
}

.menu__bottom-line {
    position: absolute;
    left: 60px;
    right: 60px;
    top: 0;
    z-index: 2;
    height: 1px;
    background-color: #fff;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.menu__bottom-line.inverted {
    background-color: #121212
}

.menu__bg {
    right: 0;
    height: 100%;
    opacity: 0;
    background-color: #121212
}

.menu__bg,
.menu__content-wrap {
    position: absolute;
    left: 0;
    top: 0
}

.menu__content-wrap {
    width: 100%;
    height: 0;
    overflow: hidden
}

.menu__content {
    position: relative;
    width: 100%;
    height: 100%
}

.menu__content .glitch {
    z-index: 2;
    pointer-events: visiblePainted;
    height: 260px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.menu__content .v-lines {
    z-index: 2;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.menu__content .v-lines .v-lines__inner,
.menu__content .v-lines .v-lines__outer {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.menu__content .rolling-block__content {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.pages-list {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(140px, -50%);
    transform: translate(140px, -50%);
    list-style: none
}

.pages-list .inner {
    position: relative;
    padding-left: 120px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .75s;
    transition: -webkit-transform .75s;
    transition: transform .75s;
    transition: transform .75s, -webkit-transform .75s
}

.pages-list .label {
    font-family: Roboto, sans-serif;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    pointer-events: visiblePainted
}

.pages-list .num {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg);
    transform: translate3d(-50%, -50%, 0) rotate(-90deg);
    font-family: Roboto, sans-serif;
    font-size: 12px;
    color: #fff
}

.pages-list .num:before {
    content: "";
    left: 50%;
    bottom: -10px;
    display: block;
    width: 5px;
    height: 5px;
    -webkit-transform: translateX(-3px) rotate(45deg) scale(0);
    transform: translateX(-3px) rotate(45deg) scale(0)
}

.pages-list .line,
.pages-list .num:before {
    position: absolute;
    background-color: #fff;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s
}

.pages-list .line {
    left: 125px;
    top: 50%;
    width: 110px;
    height: 1px;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: translateX(-100%) scaleX(0);
    transform: translateX(-100%) scaleX(0)
}

.pages-list__i {
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
    overflow: hidden;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s
}

.pages-list__i:hover {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px)
}

.pages-list__i:hover .num:before {
    -webkit-transform: translateX(-3px) rotate(45deg) scale(1);
    transform: translateX(-3px) rotate(45deg) scale(1)
}

.pages-list__i:hover .line {
    -webkit-transform: translateX(-100%) scaleX(1);
    transform: translateX(-100%) scaleX(1)
}

.pages-list__i:first-child .inner {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.pages-list__i:nth-child(2) .inner {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

.pages-list__i:nth-child(3) .inner {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.pages-list__i:nth-child(4) .inner {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.pages-list__i:nth-child(5) .inner {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.pages-list__i:nth-child(6) .inner {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.pages-list__i:nth-child(7) .inner {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.page-preloader {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #121212
}

.page-preloader svg {
    shape-rendering: optimizeSpeed
}

.page-preloader.page-preloader_animated-out .page-preloader__animation {
    -webkit-transform: translate3d(-50%, -50%, 0) scaleX(0) skewY(35deg);
    transform: translate3d(-50%, -50%, 0) scaleX(0) skewY(35deg)
}

.page-preloader.hidden {
    display: none
}

.page-preloader__text {
    position: absolute;
    opacity: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: Roboto, sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    white-space: nowrap;
    color: #fff
}

.page-preloader__animation {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 400px;
    -webkit-transform: translate3d(-50%, -50%, 0) scaleX(1) skewY(0);
    transform: translate3d(-50%, -50%, 0) scaleX(1) skewY(0)
}

.page-preloader__progress-bar {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 1px
}

.page-preloader__progress-bar .rect {
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.page-preloader__progress-bar_top {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: translate(-50%, -60px) scaleX(0);
    transform: translate(-50%, -60px) scaleX(0)
}

.page-preloader__progress-bar_top .rect {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.page-preloader__progress-bar_bottom {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translate(-50%, 60px) scaleX(0);
    transform: translate(-50%, 60px) scaleX(0)
}

.page-preloader__progress-bar_bottom .rect {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.page-preloader__drop-line {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 1px;
    -webkit-transition: top .85s ease-out;
    transition: top .85s ease-out
}

.page-preloader__drop-line:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background-color: #fff;
    -webkit-transition: top .85s ease-out, height .85s ease-out;
    transition: top .85s ease-out, height .85s ease-out
}

.page-preloader__drop-line.page-preloader__drop-line_animated {
    top: 100%
}

.page-preloader__drop-line.page-preloader__drop-line_animated:before {
    height: 200px;
    top: -50px
}

.render-update {
    width: 1px;
    height: 1px;
    background-color: rgba(0, 0, 0, .1);
    position: absolute;
    left: 0;
    top: 10px
}

.pop-up_video {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #131313
}

.pop-up_video video {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pop-up_video .close-btn .line {
    background-color: #ddd
}

.pop-up_video.hidden {
    display: none
}

.video-popup__controls {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 40px;
    width: 760px;
    height: 14px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.video-popup__controls .play-btn {
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 14px;
    background-color: transparent;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.video-popup__controls .play-btn:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    border: 6px solid transparent;
    border-left: 9px solid #ddd;
    left: 75%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-popup__controls .pause-btn {
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 14px;
    background-color: transparent;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.video-popup__controls .pause-btn:after,
.video-popup__controls .pause-btn:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    width: 4px;
    height: 8px;
    background-color: #ddd;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.video-popup__controls .pause-btn:after {
    left: 11px
}

.video-popup__controls .progress-bar {
    position: absolute;
    left: 40px;
    right: 40px;
    height: 9px;
    top: 50%;
    border-bottom: 1px solid #ddd;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.video-popup__controls .progress-bar__time {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background-color: #ddd;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s
}

.video-popup__controls .time {
    position: absolute;
    right: 0;
    top: 0;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #ddd;
    text-align: right;
    white-space: nowrap
}

@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont.eot);
    src: url(../fonts/iconfont-1.eot) format("eot"), url(../fonts/iconfont.bin) format("woff2"), url(../fonts/iconfont.woff) format("woff"), url(../fonts/iconfont-1.bin) format("truetype"), url(../../static/fonts/iconfont.svg#iconfont) format("svg")
}

.icon:before {
    font-family: iconfont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-v:before {
    content: "\E001"
}

.icon-vintage:before {
    content: "\E002"
}

b,
body,
dd,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
img,
label,
li,
ol,
p,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
u,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: 0 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

a {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: 0 0;
    text-decoration: none;
    color: #666
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
td img {
    vertical-align: top
}

button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    color: #666
}

input[type=checkbox] {
    vertical-align: bottom
}

input[type=radio] {
    vertical-align: text-bottom
}

sub {
    vertical-align: sub
}

sub,
sup {
    font-size: smaller
}

sup {
    vertical-align: super
}

.clearfix:after,
.clearfix:before {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

@font-face {
    font-family: uni_sansheavy;
    src: url(../fonts/fontfabric_-_unisans-heavy-webfont.bin) format("woff2"), url(../fonts/fontfabric_-_unisans-heavy-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotolight;
    src: url(../fonts/roboto-light-webfont.bin) format("woff2"), url(../fonts/roboto-light-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotoregular;
    src: url(../fonts/roboto-regular-webfont.bin) format("woff2"), url(../fonts/roboto-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: roboto_condensedbold;
    src: url(../fonts/robotocondensed-bold-webfont.bin) format("woff2"), url(../fonts/robotocondensed-bold-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: uni_sansbold;
    src: url(../fonts/fontfabric_-_unisans-bold-webfont.bin) format("woff2"), url(../fonts/fontfabric_-_unisans-bold-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Roboto, sans-serif;
    src: url(../fonts/uni_sans_heavy-webfont.bin) format("woff2"), url(../fonts/uni_sans_heavy-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.btn-tab-port {
    font-size: 15px;
    line-height: 32px!important;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: inherit;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.roll-hover-btn {
    font-family: Roboto, sans-serif;
    font-size: 15px;
    line-height: 20px;
    height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: inherit;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.roll-hover-btn:hover .roll-hover-btn__label {
    -webkit-transform: translateY(-105%);
    transform: translateY(-105%)
}

.roll-hover-btn__label {
    font-family: Roboto, sans-serif;
    font-size: 17px;
    position: relative;
    white-space: nowrap;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s
}

.__cf_email__ {
    font-family: Roboto, sans-serif;
    font-size: 18px
}

.line-hover-btn {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: inherit;
    display: inline-block;
    position: relative
}

.line-hover-btn p {
    cursor: pointer;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s
}

.line-hover-btn:before {
    width: 0;
    height: 1px;
    -webkit-transition: width .35s;
    transition: width .35s
}

.line-hover-btn:after,
.line-hover-btn:before {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    background-color: #fff
}

.line-hover-btn:after {
    width: 4px;
    height: 4px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
    transform: translate(-50%, -50%) rotate(45deg) scale(0);
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s
}

.line-hover-btn.line-hover-btn_right:before {
    left: 100%;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0)
}

.line-hover-btn.line-hover-btn_right:after {
    right: -135px
}

.line-hover-btn.line-hover-btn_right:hover:before {
    width: 90px
}

.line-hover-btn.line-hover-btn_right:hover:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1);
    transform: translate(-50%, -50%) rotate(45deg) scale(1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.line-hover-btn.line-hover-btn_right:hover p {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0)
}

.line-hover-btn.line-hover-btn_left:before {
    right: 100%;
    -webkit-transform: translate3d(-30px, 0, 0) scaleX(-1);
    transform: translate3d(-30px, 0, 0) scaleX(-1)
}

.line-hover-btn.line-hover-btn_left:after {
    left: -131px
}

.line-hover-btn.line-hover-btn_left:hover:before {
    width: 90px
}

.line-hover-btn.line-hover-btn_left:hover:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1);
    transform: translate(-50%, -50%) rotate(45deg) scale(1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.line-hover-btn.line-hover-btn_left:hover p {
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0)
}

.action-btn {
    position: relative;
    height: 100px;
    display: inline-block;
    pointer-events: none
}

.action-btn .action-btn__label {
    position: relative;
    display: inline-block;
    height: 100%;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    color: #fff;
    background-color: transparent;
    -webkit-transition: -webkit-transform .3375s ease-in-out;
    transition: -webkit-transform .3375s ease-in-out;
    transition: transform .3375s ease-in-out;
    transition: transform .3375s ease-in-out, -webkit-transform .3375s ease-in-out
}

.action-btn .action-btn__label:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: #fff
}

.action-btn .action-btn__label .rolling-block-wrap,
.action-btn .action-btn__label span {
    position: relative;
    cursor: pointer;
    pointer-events: visiblePainted;
    display: inline-block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.action-btn .action-btn__label .rolling-block-wrap:before,
.action-btn .action-btn__label span:before {
    content: "";
    display: block;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    left: 0;
    top: 0;
    height: 60px;
    width: 100%
}

.action-btn .action-btn__line {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -1px
}

.action-btn .action-btn__line:after,
.action-btn .action-btn__line:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    -webkit-transition: top .45s ease-in-out;
    transition: top .45s ease-in-out
}

.action-btn .action-btn__line:before {
    -webkit-transition-delay: .1125s;
    transition-delay: .1125s
}

.action-btn .action-btn__line:after {
    -webkit-transition-delay: .3375s;
    transition-delay: .3375s
}

.action-btn:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: #fff
}

.action-btn:hover .action-btn__label {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.action-btn:hover .action-btn__label .rolling-block-wrap:before,
.action-btn:hover .action-btn__label span:before {
    visibility: visible
}

.action-btn:hover .action-btn__line:after,
.action-btn:hover .action-btn__line:before {
    top: -15px
}

.input-field {
    width: 100%;
    height: 50px;
    padding: 0;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    color: #fff;
    line-height: 50px;
    background-color: transparent;
    border: 0;
    outline: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: color .35s;
    transition: color .35s
}

.input-field+label i {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background-color: #fff;
    -webkit-transition: width .35s, background-color .35s;
    transition: width .35s, background-color .35s
}

.input-field:focus+label i {
    width: 100%
}

.input-field.error {
    color: #ff0060
}

.input-field.error+label i {
    width: 100%;
    background-color: #ff0060
}

.input-field.error+label+.error-message {
    opacity: 1;
    visibility: visible
}

.input-area {
    width: 100%;
    height: 90px;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    color: #fff;
    line-height: 150%;
    resize: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    background-color: transparent;
    border: 0;
    outline: 0
}

.input-area+label i {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background-color: #fff;
    -webkit-transition: width .35s;
    transition: width .35s
}

.input-area:focus+label i {
    width: 100%
}

.input-area.error {
    color: #ff0060
}

.input-area.error+label i {
    width: 100%;
    background-color: #ff0060
}

.input-area.error+label+.error-message {
    opacity: 1;
    visibility: visible
}

.arrow-controls {
    position: absolute;
    width: 320px;
    height: 20px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.arrow-controls.hidden .arrow-controls__left,
.arrow-controls.hidden .arrow-controls__right {
    width: 0
}

.arrow-controls.hidden .arrow-controls__left:before,
.arrow-controls.hidden .arrow-controls__right:before {
    opacity: 0
}

.arrow-controls__left,
.arrow-controls__right {
    position: absolute;
    left: 50%;
    width: 85px;
    height: 100%;
    cursor: pointer;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: width .5s ease-in-out, opacity .5s ease-in-out;
    transition: width .5s ease-in-out, opacity .5s ease-in-out
}

.arrow-controls__left .line,
.arrow-controls__right .line {
    position: absolute;
    left: 0;
    top: 50%;
    right: 10px;
    height: 1px;
    background-color: #fff;
    overflow: hidden
}

.arrow-controls__left .line:before,
.arrow-controls__right .line:before {
    content: "";
    position: absolute;
    z-index: 2;
    display: block;
    left: 0;
    top: 0;
    width: 20px;
    height: 1px;
    background-color: #121212;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: left .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: left .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: left .5s ease-in-out, transform .5s ease-in-out;
    transition: left .5s ease-in-out, transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.arrow-controls__left.disabled,
.arrow-controls__right.disabled {
    opacity: .5;
    pointer-events: none
}

.arrow-controls__left:before,
.arrow-controls__right:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 4px;
    height: 4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.arrow-controls__left:hover,
.arrow-controls__right:hover {
    width: 110px
}

.arrow-controls__left:hover .line:before,
.arrow-controls__right:hover .line:before {
    left: 100%;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.arrow-controls__left {
    -webkit-transform: translateX(-190px) scaleX(-1);
    transform: translateX(-190px) scaleX(-1)
}

.arrow-controls__right {
    -webkit-transform: translateX(190px);
    transform: translateX(190px)
}

.close-btn {
    right: 60px;
    top: 40px;
    height: 20px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    cursor: pointer;
    background-color: transparent
}

.close-btn,
.close-btn .line {
    position: absolute;
    width: 20px
}

.close-btn .line {
    height: 1px;
    background-color: #fff;
    overflow: hidden
}

.close-btn .line:before {
    content: "";
    position: absolute;
    display: block;
    background-color: #121212;
    width: 15px;
    height: 1px;
    left: 100%;
    -webkit-transition: none;
    transition: none
}

.close-btn .line:before,
.close-btn .line_h {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.close-btn .line_h {
    left: 10px;
    top: 50%
}

.close-btn .line_v {
    left: 10px;
    top: 50%;
    -webkit-transform: translateZ(0) rotate(270deg);
    transform: translateZ(0) rotate(270deg)
}

.close-btn:hover .line:before {
    left: -15px;
    -webkit-transition: left .35s;
    transition: left .35s
}

.close-btn:hover .line:nth-child(2):before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.close-btn:hover .line:first-child:before {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.svg {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor
}

.svg-01_atrlogo {
    font-size: 25.73rem;
    width: 2.01088em
}

.svg-02_logo_you_metro {
    font-size: 2.2rem;
    width: 3.58182em
}

.svg-03_aiia {
    font-size: 3.5rem;
    width: 2.38571em
}

.svg-04_RETAL {
    font-size: 4.6rem;
    width: 4.34783em
}

.svg-05_MAKHNOblack {
    font-size: 9.69rem;
    width: 6.14345em
}

.svg-06_ {
    font-size: 11.54rem;
    width: .99653em
}

.svg-07_Kyivstar_logo {
    font-size: 13.74rem;
    width: .97889em
}

.svg-09_Fie {
    font-size: 59.53rem;
    width: 1.41424em
}

.svg-10_CW {
    font-size: 84.2rem;
    width: .70665em
}

.svg-11_radioaktive {
    font-size: 4.87rem;
    width: 9.78439em
}

.svg-12_ta {
    font-size: 4.7rem;
    width: 3.71702em
}

.svg-13_fishka {
    font-size: 2.28rem;
    width: 4.38158em
}

.svg-14_minfin {
    font-size: 3.47rem;
    width: 1em
}

.svg-15_okko {
    font-size: 1.29rem;
    width: 7.06202em
}

.svg-16_logo_de {
    font-size: 14.99rem;
    width: 2.81721em
}

.svg-16_logo_de_ {
    font-size: 5rem;
    width: 8.278em
}

.svg-17_logo_vestfrost {
    font-size: 3.4rem;
    width: 4.68235em
}

.svg-18_apostUntitled-1 {
    font-size: 76.8rem;
    width: 1.77865em
}

.svg-19_ohmylook {
    font-size: 8.17rem;
    width: 2.22399em
}

.svg-20_Zeus_logo {
    font-size: 8.7833rem;
    width: 1.66516em
}

.svg-21_A52 {
    font-size: 7.29rem;
    width: 2.2428em
}

.svg-22_CONCORD {
    font-size: 2.5rem;
    width: 6.8em
}

.svg-23_PORCELAIN {
    font-size: 5.83rem;
    width: 2.86621em
}

.svg-24_WBM_logo {
    font-size: 7.3rem;
    width: 3.97397em
}

.svg-adc,
.svg-adc_white {
    font-size: 12.09rem;
    width: 3.18859em
}

.svg-adcua-ico {
    font-size: 20rem;
    width: 1em
}

.svg-all_you {
    font-size: 4.15rem;
    width: 4.12048em
}

.svg-awwwards {
    font-size: 5.2rem;
    width: 1.15385em
}

.svg-css,
.svg-cssda {
    font-size: 8.58rem;
    width: .67483em
}

.svg-csswinner {
    font-size: 7.57rem;
    width: 7.98547em
}

.svg-edawards {
    font-size: 9.37rem;
    width: 5.90608em
}

.svg-effie {
    font-size: 77.16rem;
    width: .70943em
}

.svg-effie-ico {
    font-size: 20rem;
    width: 1em
}

.svg-kakadu {
    font-size: 40.71rem;
    width: 1.1265em
}

.svg-kiaf {
    font-size: 14.67rem;
    width: 3.68439em
}

.svg-lia {
    font-size: 16.16rem;
    width: 1.46287em
}

.svg-loading {
    font-size: 51.2rem;
    width: 1em
}

.svg-logo_retal {
    font-size: 6.86rem;
    width: 4.39504em
}

.svg-need_is {
    font-size: 3.77rem;
    width: 3.84085em
}

.svg-ud {
    font-size: 40.95rem;
    width: 1.06838em
}

.svg-v {
    font-size: 3.67rem;
    width: .73025em
}

.svg-winner {
    font-size: 12.99rem;
    width: 1.20015em
}

html {
    width: 100%;
    height: 100%
}

html.loaded .screen-panel.hidden {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

body {
    background-color: #000
}

a {
    color: inherit
}

.screen-panel {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.screen-panel .langs .rolling-block__content,
.screen-panel .menu-btn-label .rolling-block__content,
.screen-panel .portfolio-btn-block .rolling-block__content,
.screen-panel .socials-portfolio .rolling-block__content,
.screen-panel .vintage-logo .rolling-block__content,
.screen-panel .vintage-web-prod .rolling-block__content {
    position: relative;
    -webkit-transition: none;
    transition: none
}

.screen-panel.menu-open .vintage-logo {
    color: #fff!important;
    -webkit-transition: color .35s ease-out .5s, -webkit-transform .5s;
    transition: color .35s ease-out .5s, -webkit-transform .5s;
    transition: transform .5s, color .35s ease-out .5s;
    transition: transform .5s, color .35s ease-out .5s, -webkit-transform .5s
}

.screen-panel.menu-open .menu-btn {
    -webkit-transform: translateX(3px) translateZ(0);
    transform: translateX(3px) translateZ(0);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.screen-panel.menu-open .menu-btn__line:first-child {
    -webkit-animation-name: c;
    animation-name: c;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.screen-panel.menu-open .menu-btn__line:first-child,
.screen-panel.menu-open .menu-btn__line:nth-child(2) {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.screen-panel.menu-open .menu-btn__line:nth-child(2) {
    -webkit-animation-name: e;
    animation-name: e;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.screen-panel.menu-open .menu-btn__line:nth-child(3) {
    visibility: hidden
}

.screen-panel.menu-open .menu-btn__line__inner {
    background-color: #fff!important;
    -webkit-transition: background-color .35s ease-out .5s;
    transition: background-color .35s ease-out .5s
}

.screen-panel.menu-open .langs .rolling-block__content,
.screen-panel.menu-open .vintage-logo .rolling-block__content {
    color: #fff!important;
    -webkit-transition: color .35s ease-out .5s, -webkit-transform .65s;
    transition: color .35s ease-out .5s, -webkit-transform .65s;
    transition: transform .65s, color .35s ease-out .5s;
    transition: transform .65s, color .35s ease-out .5s, -webkit-transform .65s
}

.screen-panel.menu-closing .langs .rolling-block__content,
.screen-panel.menu-closing .vintage-logo .rolling-block__content {
    -webkit-transition: color .35s ease-out .35s, -webkit-transform .65s;
    transition: color .35s ease-out .35s, -webkit-transform .65s;
    transition: transform .65s, color .35s ease-out .35s;
    transition: transform .65s, color .35s ease-out .35s, -webkit-transform .65s
}

.screen-panel.menu-closing .menu-btn__line:first-child {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: d;
    animation-name: d;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.screen-panel.menu-closing .menu-btn__line:nth-child(2) {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: f;
    animation-name: f;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.screen-panel.menu-closing .menu-btn__line:nth-child(3) {
    visibility: visible;
    -webkit-transition: visibility 1s linear .5s;
    transition: visibility 1s linear .5s
}

.screen-panel.menu-closing .menu-btn__line__inner {
    -webkit-transition: background-color .35s ease-out .35s;
    transition: background-color .35s ease-out .35s
}

.screen-panel.hidden {
    visibility: hidden
}

.screen-panel.hidden .rolling-block__content {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.screen-panel.hidden .v-lines {
    height: 0;
    -webkit-transition: none;
    transition: none
}

.content-wrap {
    position: relative;
    height: 100%;
    min-width: 1024px;
    max-width: 1600px;
    margin: 0 auto
}

.heading-text h1 {
    padding-right: 260px;
    padding-left: 260px;
    display: block;
    position: relative;
    font-family: Roboto, sans-serif;
    font-size: 51px;
    line-height: 130%;
    font-weight: 700;
    color: #fff;
    margin-top: 180px;
    text-transform: uppercase;
    white-space: inherit;
    margin-bottom: 20px
}

.heading-text.heading-text_sm h1 {
    font-size: 100px
}

.scrolling {
    position: relative;
    z-index: 1;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    font-family: Roboto, sans-serif
}

.rolling-block {
    position: relative;
    overflow: hidden
}

.rolling-block.hidden .rolling-block__content {
    -webkit-transform: translateY(-100%) translateZ(0);
    transform: translateY(-100%) translateZ(0)
}

.rolling-block__content {
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.scroll-down {
    position: absolute;
    left: 50%;
    bottom: 50px;
    width: 10px;
    height: 50px;
    cursor: pointer;
    background-color: transparent;
    pointer-events: visiblePainted;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translate3d(-50%, 0, 0) scaleY(1);
    transform: translate3d(-50%, 0, 0) scaleY(1);
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.scroll-down.hidden {
    -webkit-transform: translate3d(-50%, 0, 0) scaleY(0);
    transform: translate3d(-50%, 0, 0) scaleY(0)
}

.scroll-down__lines {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.scroll-down__lines .line,
.scroll-down__lines:after,
.scroll-down__lines:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.scroll-down__lines_animated .line_top,
.scroll-down__lines_animated:before {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-animation-name: g;
    animation-name: g;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.25, 0, .25, 1);
    animation-timing-function: cubic-bezier(.25, 0, .25, 1)
}

.scroll-down__lines_animated .line_bottom,
.scroll-down__lines_animated:after {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-name: h;
    animation-name: h;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.25, 0, .25, 1);
    animation-timing-function: cubic-bezier(.25, 0, .25, 1)
}

.glitch {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.glitch,
.glitch svg {
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.glitch svg {
    width: 100%;
    height: 100%;
    shape-rendering: optimizeSpeed
}

.glitch svg text {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glitch__slide {
    width: 320px;
    overflow: hidden
}

.glitch__slide,
.glitch__slide__svg-wrap {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.glitch__slide__svg-wrap {
    width: 100%
}

.v-lines {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 900px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    pointer-events: none
}

.v-lines.v-lines_light .v-lines__inner,
.v-lines.v-lines_light .v-lines__outer {
    border-left: 1px solid hsla(0, 0%, 100%, .03);
    border-right: 1px solid hsla(0, 0%, 100%, .03)
}

.v-lines.v-lines_dark .v-lines__inner,
.v-lines.v-lines_dark .v-lines__outer {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.v-lines__inner,
.v-lines__outer {
    position: absolute;
    top: 0;
    height: 100%;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    margin: 0 auto
}

.v-lines__inner {
    position: relative;
    width: 320px
}

.v-lines__outer {
    width: 960px
}

.lines-bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.inner-section {
    position: relative
}

.inner-section .text {
    text-align: justify;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    color: #000;
    line-height: 150%;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.inner-section .bl-mb-li {
    font-family: Roboto, sans-serif;
    font-size: 15px;
    color: #000;
    line-height: 150%;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.inner-section.hidden .dots {
    position: absolute
}

.inner-section.hidden .title .rolling-block__content {
    will-change: transform;
    -webkit-transform: translate3d(0, -105%, 0);
    transform: translate3d(0, -105%, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.inner-content-wrap {
    position: relative;
    max-width: 900px;
    margin: 0 auto
}

.submit-butt:hover {
    margin: 0;
    padding: 16px;
    border: 1px solid #fff!important;
    font-size: 100%!important;
    color: #fff!important;
    cursor: pointer!important;
    background: 0 0!important;
    pointer-events: painted!important;
    margin-top: 15px!important;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    letter-spacing: 2px
}

.dots {
    display: none;
    top: 4px;
    width: 7px;
    height: 7px
}

.dots,
.dots__i {
    position: absolute
}

.dots__i {
    left: 50%;
    top: 50%;
    width: 5px;
    height: 5px;
    background-color: #121212;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1);
    transform: translate(-50%, -50%) rotate(45deg) scale(1)
}

.dots__i:first-child {
    opacity: 1
}

.dots__i:nth-child(2) {
    opacity: .7
}

.dots__i:nth-child(3) {
    opacity: .4
}

.pre-title {
    position: relative;
    margin-bottom: 30px
}

.pre-title__line {
    position: absolute;
    left: -100px;
    top: 50%;
    width: 75px;
    height: 1px;
    background-color: #121212;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.pre-title__label {
    font-family: Roboto, sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #121212;
    letter-spacing: .5px;
    text-transform: uppercase
}

.pre-title__label span {
    position: relative;
    display: inline-block
}

.inner-section .title {
    width: 550px;
    font-family: Roboto, sans-serif;
    font-size: 50px;
    line-height: 110%;
    color: #121212;
    font-weight: 900;
    margin-bottom: 30px;
    pointer-events: none
}

.inner-section .title .rolling-block {
    height: 61px
}

.inner-section .title .rolling-block__content {
    position: absolute;
    white-space: nowrap;
    -webkit-transition: none;
    transition: none
}

.animated-columns {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.animated-columns,
.animated-columns li {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.animated-columns li {
    font-family: Roboto, sans-serif;
    font-size: 15px;
    color: #000;
    position: relative;
    width: 300px;
    padding-right: 14px;
    box-sizing: border-box
}

.animated-columns .num {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    color: inherit;
    margin-bottom: 20px
}

.animated-columns .num p {
    display: inline-block;
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translate(-3px, 15px) rotate(-90deg);
    transform: translate(-3px, 15px) rotate(-90deg)
}

.dash {
    position: relative;
    width: 13px;
    height: 1px;
    margin-bottom: 20px;
    background-color: #121212;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.ico-pointer {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 70px;
    bottom: 100%;
    overflow: hidden
}

.ico-pointer:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 1px;
    border: 10px solid transparent;
    border-bottom: 10px solid #121212;
    -webkit-transition: top .4s;
    transition: top .4s
}

.shadow {
    position: absolute;
    width: 47px;
    height: 100%
}

.shadow_right {
    left: 100%
}

.shadow_left {
    right: 100%;
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

.grid-list {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    list-style: none;
    /* border-bottom: 1px solid #f2f2f2*/
}

ul.grid-list.clearfix.hidden.client-ul.animation-element.slide-left.in-view img {
    border: 1px solid #f9f9f9;
    padding: 20px 20px;
}

.grid-list__i {
    position: relative;
    width: 160px;
    height: 140px;
    box-sizing: border-box;
    /*border-top: 1px solid #f2f2f2 */
}

.grid-list__i .ico-wrap {
    position: relative;
    height: 140px;
    overflow: hidden;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: -webkit-filter .5s;
    transition: -webkit-filter .5s;
    transition: filter .5s;
    transition: filter .5s, -webkit-filter .5s
}

.grid-list__i .ico-wrap:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.grid-list__i .ico {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.grid-list__i .ico>img,
.grid-list__i .ico>svg {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 110px;
    max-height: 80px;
    -webkit-transform: translate(-50%, -50%) translateZ(0);
    transform: translate(-50%, -50%) translateZ(0);
    -webkit-transition: top .4s, -webkit-transform .4s;
    transition: top .4s, -webkit-transform .4s;
    transition: top .4s, transform .4s;
    transition: top .4s, transform .4s, -webkit-transform .4s
}

.grid-list__i.active .ico-pointer:before {
    top: 0
}

.grid-list__i.active .ico>img,
.grid-list__i.active .winner {
    top: 50%;
    -webkit-transform: translate(-50%, -50%) translateY(-10px) translateZ(0);
    transform: translate(-50%, -50%) translateY(-10px) translateZ(0)
}

.grid-list__i.hidden .ico-wrap .ico {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.grid-list__controls,
.grid-list__list-controls {
    display: none
}

.prev-next-page,
.slide-in {
    position: relative
}

.prev-next-page {
    height: 140px
}

.prev-next-page .roll-hover-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 20px
}

.prev-next-page .roll-hover-btn__label {
    font-family: Roboto, sans-serif
}

.next-wrap,
.prev-wrap {
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 100%;
    background-color: #000
}

.next-wrap .roll-hover-btn,
.prev-wrap .roll-hover-btn {
    color: #fff;
    -webkit-transition: color .35s;
    transition: color .35s
}

.next-wrap:before,
.prev-wrap:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s;
    -webkit-transform: translateY(-101%);
    transform: translateY(-101%)
}

.next-wrap.active:before,
.prev-wrap.active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.next-wrap.active .roll-hover-btn,
.prev-wrap.active .roll-hover-btn {
    color: #000
}

.prev-wrap {
    left: 0;
    right: 50%
}

.next-wrap {
    left: 50%;
    right: 0
}

.slide-down {
    right: 0
}

.pop-up,
.slide-down {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden
}

.pop-up {
    z-index: 10;
    width: 100%;
    box-sizing: border-box;
    background-color: #121212
}

.pop-up.hidden {
    pointer-events: none;
    -webkit-transform: translateZ(0) scale(.75);
    transform: translateZ(0) scale(.75)
}

.pop-up.hidden,
.pop-up_open .fixed-hud {
    visibility: hidden;
    opacity: 0
}

.footer-bottom {
    display: block
}

.footer-bottom .footer-bottom__menu .content-wrap {
    min-height: 100px
}

.footer-bottom .footer-bottom__menu .vintage-is-all {
    left: 0
}

.footer-bottom .footer-bottom__menu .socials-portfolio {
    width: auto;
    right: 0
}

.preloader {
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../img/content/common/preloader.png);
    background-size: contain;
    -webkit-animation-name: i;
    animation-name: i;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.mobile-only {
    display: none
}

.no-wrap {
    white-space: nowrap
}

.no-transition {
    -webkit-transition: none!important;
    transition: none!important
}

@-webkit-keyframes g {
    0% {
        -webkit-transform: translateY(0) scaleY(1);
        transform: translateY(0) scaleY(1)
    }
    40% {
        -webkit-transform: translateY(10px) scaleY(0);
        transform: translateY(10px) scaleY(0)
    }
    to {
        -webkit-transform: translateY(10px) scaleY(0);
        transform: translateY(10px) scaleY(0)
    }
}

@keyframes g {
    0% {
        -webkit-transform: translateY(0) scaleY(1);
        transform: translateY(0) scaleY(1)
    }
    40% {
        -webkit-transform: translateY(10px) scaleY(0);
        transform: translateY(10px) scaleY(0)
    }
    to {
        -webkit-transform: translateY(10px) scaleY(0);
        transform: translateY(10px) scaleY(0)
    }
}

@-webkit-keyframes h {
    0% {
        -webkit-transform: translateY(-15px) scaleY(0);
        transform: translateY(-15px) scaleY(0)
    }
    60% {
        -webkit-transform: translateY(-15px) scaleY(0);
        transform: translateY(-15px) scaleY(0)
    }
    to {
        -webkit-transform: translateY(0) scaleY(1);
        transform: translateY(0) scaleY(1)
    }
}

@keyframes h {
    0% {
        -webkit-transform: translateY(-15px) scaleY(0);
        transform: translateY(-15px) scaleY(0)
    }
    60% {
        -webkit-transform: translateY(-15px) scaleY(0);
        transform: translateY(-15px) scaleY(0)
    }
    to {
        -webkit-transform: translateY(0) scaleY(1);
        transform: translateY(0) scaleY(1)
    }
}

@-webkit-keyframes i {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

@keyframes i {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

.screen-panel_home .fixed {
    z-index: 3;
    pointer-events: none
}

.screen-panel_home .heading {
    z-index: 2;
    pointer-events: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s;
    transition: -webkit-transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s;
    transition: transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s;
    transition: transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s, -webkit-transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s
}

.screen-panel_home .heading,
.screen-panel_home .svg-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.screen-panel_home .svg-wrap svg {
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.screen-panel_home.hidden {
    background-color: #121213
}

.screen-panel_home.hidden .heading {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

.screen-panel_home.hidden .world-best p {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0)
}

.visuals {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: visiblePainted
}

.visuals video {
    display: block;
    position: absolute;
    left: 70%;
    top: 50%;
    height: 95vh;
    min-height: 470px;
    max-height: 900px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (min-width:1920px) {
    .visuals video {
        left: 67%
    }
}

.visuals canvas {
    display: block;
    position: absolute;
    left: 70%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.visuals__slider {
    display: none;
    width: 100%;
    height: 65vh;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateZ(0);
    transform: translateY(-50%) translateZ(0)
}

.visuals__slider img {
    display: block;
    position: absolute;
    height: 100%;
    max-height: 100%;
    opacity: 0;
    right: 0
}

.visuals__slider.hidden {
    visibility: hidden;
    opacity: 0
}

.web-production {
    position: absolute;
    left: 60%;
    top: 50%;
    width: 545px;
    height: 315px;
    pointer-events: visiblePainted;
    -webkit-transform: translate(-560px, -150px);
    transform: translate(-560px, -150px)
}

.world-best-line {
    display: none
}

.world-best {
    position: absolute;
    bottom: 70px;
    z-index: 2;
    overflow: hidden
}

.world-best p {
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: #fff;
    line-height: 25px;
    white-space: inherit;
    -webkit-transition: -webkit-transform .5s ease-in-out 1.5s;
    transition: -webkit-transform .5s ease-in-out 1.5s;
    transition: transform .5s ease-in-out 1.5s;
    transition: transform .5s ease-in-out 1.5s, -webkit-transform .5s ease-in-out 1.5s
}

.screen-panel_features .v-lines {
    display: none
}

.screen-panel_features .v-lines__inner,
.screen-panel_features .v-lines__outer {
    border-left: 1px solid rgba(0, 0, 0, .75);
    border-right: 1px solid rgba(0, 0, 0, .75)
}

.screen-panel_features .content-wrap {
    position: relative;
    height: 100%;
    pointer-events: none
}

.screen-panel_features .features-pagination .rolling-block__content {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.screen-panel_features .features-skip .rolling-block__content {
    -webkit-transition: -webkit-transform .5s linear 1s;
    transition: -webkit-transform .5s linear 1s;
    transition: transform .5s linear 1s;
    transition: transform .5s linear 1s, -webkit-transform .5s linear 1s
}

.screen-panel_features .scroll-down__lines {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 1s, visibility 1s;
    transition: opacity 1s, visibility 1s
}

.screen-panel_features .scroll-down__lines_animated {
    opacity: 1;
    visibility: visible
}

.screen-panel_features.hidden .features__stage {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

.screen-panel_features.hidden .features__stage__shadows {
    opacity: 0;
    -webkit-transition: none;
    transition: none
}

.screen-panel_features.hidden .features-pagination .rolling-block__content {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%)
}

.screen-panel_features.hidden .features-skip .rolling-block__content {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.screen-panel__bg_features {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #121212
}

.features {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.features .v-lines,
.features__colors,
.features__paper-mask {
    display: none
}

.features__stage {
    -webkit-transition: -webkit-transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s;
    transition: -webkit-transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s;
    transition: transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s;
    transition: transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s, -webkit-transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s
}

.features__stage,
.features__stage canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.features__stage canvas.paper {
    z-index: 2
}

.features__stage canvas.svg-canvas {
    z-index: 3
}

.features__stage .snap {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.features__stage .snap text {
    font-size: 144px;
    stroke: #0f0;
    fill: none
}

.features__stage__shadows {
    display: none;
    position: absolute;
    z-index: 3;
    width: 320px;
    height: 100%;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.features__stage__shadows .shadow {
    position: absolute;
    width: 47px;
    height: 100%
}

.features__stage__shadows .shadow_right {
    left: 100%;
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px)
}

.features__stage__shadows .shadow_left {
    right: 100%;
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

.features__stage__shadows.hidden {
    opacity: 0;
    -webkit-transition: opacity .9s;
    transition: opacity .9s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.features__stage__stroke {
    display: none;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    cursor: pointer;
    box-sizing: border-box
}

.features__stage__stroke canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    cursor: pointer;
    pointer-events: visiblePainted
}

.features-pagination {
    display: none;
    position: absolute;
    left: 60px;
    top: 150px;
    pointer-events: visiblePainted
}

.features-pagination__nums {
    position: relative
}

.features-pagination__nums ul {
    list-style: none;
    position: relative
}

.features-pagination__nums ul li {
    position: relative;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    color: #fff;
    letter-spacing: 2px;
    margin-bottom: 20px
}

.features-pagination__nums .rolling-block__content {
    -webkit-transition: -webkit-transform .5s linear 1s;
    transition: -webkit-transform .5s linear 1s;
    transition: transform .5s linear 1s;
    transition: transform .5s linear 1s, -webkit-transform .5s linear 1s
}

.features-pagination__nums .label {
    position: relative;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    cursor: pointer
}

.features-pagination__line {
    position: absolute;
    left: 100px;
    color: red;
    top: 0;
    width: 1px;
    height: 30px;
    background-color: #fff;
    -webkit-transition: height .5s;
    transition: height .5s
}

.features-messages {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 320px;
    font-family: robotoregular, sans-serif;
    font-size: 14px;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    line-height: 160%;
    -webkit-transform: translate(-50%, 120px);
    transform: translate(-50%, 120px)
}

.features-messages ul {
    list-style: none
}

.features-messages ul li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.features-messages ul li .rolling-block__content {
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out, -webkit-transform 1s ease-out
}

.features-messages ul li.hidden .rolling-block__content {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: none;
    transition: none
}

.features-skip {
    position: absolute;
    left: 50%;
    bottom: 40px;
    color: #fff;
    pointer-events: visiblePainted
}

.features-skip .roll-hover-btn,
.features-skip .roll-hover-btn__label,
.features-skip .rolling-block__content {
    height: 40px
}

.features-skip .label {
    position: relative;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    cursor: pointer
}

.screen-panel_about {
    background-color: #fff
}

.screen-panel_about .scrolling {
    z-index: 2
}

.screen-panel_about .scrolling__content {
    padding-top: 150px
}

.screen-panel_about .menu__bottom-line {
    background-color: #121212
}

.screen-panel_about .menu__bottom-line.inverted {
    background-color: #fff
}

.screen-panel_about .scrolling__content {
    position: relative
}

.screen-panel_about .bottom-splash-container {
    display: none
}

.screen-panel_about .lines-bg {
    z-index: 1
}

.screen-panel_about.bottom-splash .bottom-splash-container {
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background-color: #121212
}

.screen-panel_about.bottom-splash .bottom-splash-container .v-lines__inner,
.screen-panel_about.bottom-splash .bottom-splash-container .v-lines__outer {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.screen-panel_about.hidden .inner-content-wrap {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

.business {
    margin-bottom: 100px
}

.business .pre-title {
    margin-bottom: 35px
}

.business .title {
    width: 640px;
    max-width: 640px
}

.awards {
    position: relative;
    margin-bottom: 100px
}

.awards.hidden .awards__list .description,
.awards.hidden .awards__list .ico {
    -webkit-transform: translateY(100%) translateZ(0);
    transform: translateY(100%) translateZ(0)
}

.awards__list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.awards__list .ico-wrap {
    position: relative;
    height: 140px;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    overflow: hidden
}

.awards__list .ico {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.awards__list .ico .winner,
.awards__list .ico>img,
.awards__list .ico>svg {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: top .4s;
    transition: top .4s
}

.awards__list .ico>img,
.awards__list .ico>svg {
    max-width: 75px;
    max-height: 75px
}

.awards__list .ico>img.rastr,
.awards__list .ico>svg.rastr {
    max-width: none;
    max-height: none;
    -webkit-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5)
}

.awards__list .winner {
    position: relative;
    width: 85%;
    max-width: 105px;
    max-height: 105px
}

.awards__list .winner svg {
    max-width: 100%;
    max-height: 100%;
    font-size: 105px
}

.awards__list .winner p {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) translateZ(0);
    transform: translate(-50%, -50%) translateZ(0);
    font-family: Roboto, sans-serif;
    font-size: 12px;
    color: #121212;
    text-transform: uppercase
}

.awards__list .description-wrap {
    position: relative;
    height: 140px;
    border-bottom: 1px solid #f2f2f2;
    overflow: hidden
}

.awards__list .description {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px 20px 0;
    box-sizing: border-box;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 160%;
    text-transform: uppercase;
    color: #121212;
    text-align: center
}

.awards__list .description__num {
    font-family: robotolight, sans-serif;
    font-size: 40px;
    color: #121212;
    margin-bottom: 20px
}

.awards__list__i {
    position: relative;
    width: 160px;
    box-sizing: border-box;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.awards__list__i:nth-child(odd) {
    border-right: 1px solid #f2f2f2
}

.awards__list__i .ico-pointer {
    display: none
}

.awards__list__i.active .ico-pointer:before {
    top: 0
}

.awards__list__i.active .ico>img,
.awards__list__i.active .ico>svg,
.awards__list__i.active .winner {
    top: 40%
}

.awards__list-controls {
    display: none
}

.maniacs {
    position: relative;
    margin-bottom: 110px;
    margin-top: 160px
}

.maniacs .glitch {
    top: 60px
}

.maniacs .title {
    width: 100%
}

.maniacs.hidden .text {
    color: #ddd
}

.maniacs.hidden .perfect {
    color: inherit
}

.perfect {
    color: #ddd!important;
    -webkit-transition: color .35s;
    transition: color .35s
}

.perfect.perfect_active {
    color: #000!important
}

.creativity-mob,
.two-ways {
    position: relative;
    background-color: #000;
    height: 100vh;
    overflow: hidden;
    z-index: 1
}

.creativity-mob .content-wrap,
.two-ways .content-wrap {
    position: relative;
    height: 100%
}

.creativity-mob .v-lines__inner,
.creativity-mob .v-lines__outer,
.two-ways .v-lines__inner,
.two-ways .v-lines__outer {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.creativity-mob .inner-content-wrap,
.two-ways .inner-content-wrap {
    max-width: 900px;
    height: 100%;
    box-sizing: border-box
}

.creativity-mob .inner-content-wrap .bg-pt,
.two-ways .inner-content-wrap .bg-pt {
    display: none
}

.creativity-mob .rolling-block__content,
.two-ways .rolling-block__content {
    -webkit-transition: none;
    transition: none
}

.creativity-mob .bg-pt,
.two-ways .bg-pt {
    position: absolute;
    top: 0;
    height: 100%;
    overflow: hidden
}

.creativity-mob .bg-pt.bg-pt_left,
.two-ways .bg-pt.bg-pt_left {
    left: 0;
    right: 50%
}

.creativity-mob .bg-pt.bg-pt_right,
.two-ways .bg-pt.bg-pt_right {
    left: 50%;
    right: 0
}

.creativity-mob .bg-pt__inner,
.two-ways .bg-pt__inner {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-size: cover;
    background-position: 50%;
    background-color: #121212
}

.creativity-mob.hidden .effectiveness-creativity .shadows,
.two-ways.hidden .effectiveness-creativity .shadows {
    opacity: 0;
    -webkit-transition: none;
    transition: none
}

.creativity {
    right: 0
}

.creativity .rolling-block {
    position: relative;
    right: 160px;
    top: 230px;
    text-align: right
}

.creativity .play-ico {
    position: absolute;
    left: 0;
    top: 75%;
    width: 90px;
    height: 120px;
    pointer-events: none;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.creativity .play-ico svg {
    -webkit-transform: none;
    transform: none
}

.creativity .play-ico .highlight,
.creativity .play-ico .normal {
    stroke-dasharray: 325;
    stroke-dashoffset: 0
}

.creativity .play-ico.active .highlight {
    stroke-dashoffset: 0
}

.creativity svg {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.clients {
    background-color: #fff;
    overflow: hidden
}

.clients .content-wrap {
    position: relative;
    min-height: 100%;
    padding-top: 120px;
    padding-bottom: 0;
    box-sizing: border-box
}

.clients .inner-content-wrap {
    position: relative;
    box-sizing: border-box;
    height: 100%
}

.contacts {
    position: relative;
    background-color: #000;
    overflow: hidden
}

.section--5 {
    min-height: 65vh!important
}

.contacts .content-wrap {
    position: relative;
    z-index: 1;
    font-family: Roboto, sans-serif
}

.contacts .inner-content-wrap {
    position: relative;
    height: 100%;
    padding-top: 120px;
    padding-bottom: 0;
    box-sizing: border-box;
    min-height: 570px
}

.contacts .fixed .content-wrap {
    height: 100%
}

.contacts .pre-title__line {
    background-color: #fff
}

.contacts .pre-title__label {
    color: #fff
}

.contacts .pre-title__label span {
    -webkit-transition: none;
    transition: none;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.contacts .title {
    width: 90%;
    color: #fff;
    margin-bottom: 40px
}

.contacts .v-lines__inner,
.contacts .v-lines__outer {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.contacts .socials {
    position: absolute;
    z-index: 1;
    right: 60px;
    bottom: 40px;
    width: 50%;
    pointer-events: visiblePainted;
    color: #fff
}

.contacts .socials .rolling-block {
    float: right;
    font-size: 12px;
    margin-right: 50px
}

.contacts .socials .rolling-block:first-child {
    margin-right: 0
}

.contacts .inner-section {
    position: relative
}

.contacts .inner-section .dots__i {
    background-color: #fff
}

.contacts .inner-section .vintage-is-all {
    left: 0;
    bottom: -110px
}

.contacts .inner-section .socials {
    right: 0;
    bottom: -110px
}

.contacts .inner-section.hidden .phone .rolling-block__content {
    -webkit-transform: translate(-100%, 5px);
    transform: translate(-100%, 5px)
}

.contacts .inner-section.hidden .rolling-block__content {
    -webkit-transform: translateY(-102%);
    transform: translateY(-102%)
}

.contacts .inner-section.hidden .action-btns {
    width: 0
}

.contacts .inner-section.hidden .action-btn {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.contacts.hidden .socials .rolling-block__content,
.contacts.hidden .vintage-is-all .rolling-block__content {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%)
}

.contacts.hidden .dots {
    position: absolute;
    left: -30px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: none;
    animation: none
}

.contacts.hidden .pre-title__label span {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

.contacts.hidden .phone .rolling-block__content {
    -webkit-transform: translate(-100%, 5px);
    transform: translate(-100%, 5px)
}

.contacts.hidden .action-btns {
    width: 0
}

.contacts.hidden .action-btns .action-btn {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.contacts-actions {
    position: relative;
    margin-left: 320px;
    margin-bottom: 40px
}

.contacts-actions.float-right {
    float: right;
    margin-left: 0
}

.mail-pnone {
    float: right!important;
    width: 370px;
    padding-top: 0;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
}

.mail-pnone .mail {
    margin-bottom: 10px
}

.mail-pnone .phone .rolling-block__content {
    margin-bottom: 15px;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    text-transform: lowercase;
    color: inherit;
    display: inline-block;
    position: relative
}

.mail-pnone .address .rolling-block__content {
    letter-spacing: .8px;
    line-height: 25px;
    font-family: Roboto, sans-serif;
    font-size: 17px;
    font-weight: 300;
    text-transform: capitalize;
    color: inherit;
    display: inline-block;
    position: relative;
    padding-right: 20px
}

.mail-pnone .rolling-block__content {
    -webkit-transition: none;
    transition: none;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.action-btns {
    float: left;
    width: 640px;
    border-top: 1px solid #303030;
    border-bottom: 1px solid #303030
}

.action-btns .line {
    display: none;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #303030
}

.action-btns .col {
    float: left;
    width: 50%
}

.action-btns .col-content {
    position: relative;
    overflow: hidden;
    height: 101px
}

.action-btns .action-btn {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.home-page .pop-up_contacts {
    position: fixed;
    display: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.header {
    position: relative;
    z-index: 4;
    height: 440px
}

.header .header__bg {
    height: 100vh
}

.header .header__text {
    visibility: initial;
    text-align: center
}

.header .v-lines {
    height: 100%;
    -webkit-transform: translate3d(-50%, -100%, 0);
    transform: translate3d(-50%, -100%, 0)
}

.header .shadows,
.header .v-lines {
    -webkit-transition: none;
    transition: none
}

.header .shadows {
    opacity: 0
}

.header .scroll-down {
    visibility: hidden
}

.header.minified .header__text {
    visibility: visible
}

.header.minified .v-lines {
    height: 100%
}

.header.minified .shadows {
    opacity: 1
}

.header.minified .scroll-down {
    visibility: visible
}

.header__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.header__bg .v-lines__inner,
.header__bg .v-lines__outer {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.header__bg .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent
}

.header__bg .shadows {
    position: absolute;
    width: 320px;
    height: 100%;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
    -webkit-transition: none;
    transition: none
}

.header__bg .scroll-down {
    bottom: 0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.header__text {
    position: absolute;
    height: 115px;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.header__text svg {
    width: 100%;
    height: 100%
}

.history {
    position: relative;
    z-index: 2;
    padding-top: 0;
    background-color: #fff;
    overflow-x: initial;
    padding-bottom: 0
}

.history .v-lines {
    height: 100%
}

.beginning,
.our-days {
    position: relative;
    margin-bottom: 100px;
    margin-top: 100px
}

.beginning .title,
.our-days .title {
    width: 850px
}

.beginning .glitch,
.our-days .glitch {
    top: 80px
}

.beginning .glitch {
    top: 120px;
    height: 160px
}

.our-days {
    margin-bottom: 0;
    padding-bottom: 100px
}

.our-days .glitch {
    color: red;
    top: 80px;
    bottom: auto;
    height: 220px;
    right: -33.3%
}

.our-days .current-future {
    position: relative
}

.our-days .current {
    float: left;
    width: 67%;
    padding-right: 250px;
    box-sizing: border-box
}

.our-days .future {
    float: left;
    position: relative;
    width: 33%
}

.our-days .future .pre-title {
    margin-bottom: 5px
}

.breaking-moment {
    font-family: Roboto, sans-serif;
    position: relative;
    margin-bottom: 50px
}

.breaking-moment .title {
    width: 750px
}

.vintage-video {
    position: relative;
    z-index: 2;
    height: 100vh;
    background-color: #121212;
    background-image: url(../img/content/about/v_textured.jpg);
    background-position: 50%;
    background-size: cover;
    overflow: hidden
}

.vintage-video img {
    width: 100%
}

.vintage-video video {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: cover;
    background-position: 50%
}

.we-are {
    position: relative;
    z-index: 2;
    padding-top: 30px;
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden
}

.we-are .v-lines {
    height: 100%;
    z-index: 4
}

.we-are .v-lines__inner,
.we-are .v-lines__outer {
    border-left: 1px solid rgba(0, 0, 0, .05);
    border-right: 1px solid rgba(0, 0, 0, .05)
}

.awards,
.education,
.people {
    position: relative;
    margin-bottom: 75px
}

.awards .title,
.education .title,
.people .title {
    width: 500px
}

.awards .text,
.education .text,
.people .text {
    width: 640px
}

.awards .glitch,
.education .glitch,
.people .glitch {
    bottom: auto;
    height: 110px
}

.education .glitch {
    top: 165px
}

.awards .title {
    width: 800px
}

.awards .glitch {
    top: 110px
}

.people {
    margin-bottom: 0;
    padding-bottom: 120px
}

.people .title {
    position: relative;
    z-index: 3
}

.people .glitch {
    top: -35px;
    bottom: auto;
    height: 180px;
    right: -33.3%;
    pointer-events: none
}

.people .glitch svg text {
    text-anchor: start;
    -webkit-font-feature-settings: "kern" 1;
    font-feature-settings: "kern" 1;
    text-rendering: optimizeLegibility
}

.people .glitch .vintage-letters {
    display: block
}

.people .glitch__slide__svg-wrap {
    overflow: hidden
}

.people .vintage-letters {
    display: none;
    position: absolute;
    left: 200px;
    width: 987px;
    height: 161px;
    -webkit-transform: translate(35px, 10px);
    transform: translate(35px, 10px);
    background-size: contain;
    background-image: url(../img/content/about/vintage.png)
}

.people .vintage-clip {
    position: absolute;
    z-index: 2;
    width: 1050px;
    height: 160px;
    left: 200px;
    top: -24px
}

.people .vintage-clip canvas {
    width: 100%;
    height: 100%
}

.people .vintage-clip video {
    position: absolute;
    opacity: 0;
    -o-object-fit: fill;
    object-fit: fill
}

.people .vintage-clip video.vintage-clip__v {
    left: 30px;
    top: 0;
    width: 150px;
    height: 158px
}

.people .vintage-clip video.vintage-clip__i {
    left: 210px;
    top: 0;
    width: 41px;
    height: 158px
}

.people .vintage-clip video.vintage-clip__n {
    left: 292px;
    top: 0;
    width: 126px;
    height: 158px
}

.people .vintage-clip video.vintage-clip__t {
    left: 452px;
    top: 0;
    width: 124px;
    height: 158px
}

.people .vintage-clip video.vintage-clip__a {
    left: 580px;
    top: 0;
    width: 147px;
    height: 158px
}

.people .vintage-clip video.vintage-clip__g {
    left: 746px;
    top: -2px;
    width: 124px;
    height: 162px
}

.people .vintage-clip video.vintage-clip__e {
    left: 908px;
    top: 0;
    width: 112px;
    height: 158px
}

.people .vintage-clip__letter {
    position: absolute;
    width: 200px;
    height: 200px;
    overflow: hidden
}

.people .vintage-clip__letter.hidden canvas {
    display: none
}

.people .vintage-clip__letter canvas {
    position: absolute;
    width: 200px;
    height: 200px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none
}

.people .title {
    width: 320px;
    margin-bottom: 10px
}

.people .numbers {
    position: relative;
    margin-bottom: 15px
}

.people .numbers__i {
    position: relative;
    width: 33%;
    float: left;
    -webkit-transform: translate3d(3px, 0, 0);
    transform: translate3d(3px, 0, 0)
}

.people .numbers__i:nth-child(2) {
    width: 34%
}

.people .numbers__i .number {
    position: relative;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 150px;
    color: #121212;
    margin-right: 20px;
    overflow: hidden
}

.people .numbers__i .number canvas {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 320px;
    height: 280px;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(.65);
    transform: translate3d(-50%, -50%, 0) scale(.65);
    pointer-events: none
}

.people .numbers__i .description {
    position: relative;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #121212;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
    overflow: hidden
}

.people .numbers__i .description span {
    position: relative;
    display: block
}

.people .text {
    position: relative;
    margin-bottom: 25px
}

.people .text_highlighted {
    position: relative;
    overflow: hidden;
    width: 320px;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    color: #121212;
    letter-spacing: 1px;
    text-transform: uppercase
}

.people .text_highlighted span {
    position: relative;
    display: block
}

.people .line {
    position: absolute;
    left: 320px;
    width: 1px;
    height: 178px;
    background-color: #121212;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translate(-1px, -58px);
    transform: translate(-1px, -58px)
}

.awards-list {
    position: relative;
    margin-bottom: 120px
}

.awards-list .amount {
    left: 0;
    top: 0;
    overflow: hidden;
    background-color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 220px;
    color: #121212;
    line-height: 280px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    border-bottom: 0
}

.awards-list .amount,
.awards-list .amount canvas {
    position: absolute;
    z-index: 2;
    width: 320px;
    height: 280px
}

.awards-list .amount canvas {
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(.9);
    transform: translate3d(-50%, -50%, 0) scale(.9)
}

.awards-list .grid-list__i .ico>img {
    max-height: 75px
}

.showreel-video {
    position: relative;
    height: 100vh;
    z-index: 2
}

.showreel-video .splash {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: cover
}

.play-showreel-btn {
    position: absolute;
    z-index: 1000;
    left: 50%;
    top: 50%;
    width: 250px;
    height: 250px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.play-showreel-btn.disabled {
    pointer-events: none
}

.play-showreel-btn.disabled .play-showreel-btn__ico {
    visibility: hidden
}

.play-showreel-btn canvas {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.play-showreel-btn__animation {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.play-showreel-btn__ico {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    cursor: pointer;
    -webkit-transform: translate(-11px, -10px);
    transform: translate(-11px, -10px);
    opacity: 1;
    border: 4px solid #fff;
    background-image: url(../img/content/about/play_ico.gif);
    background-size: cover;
    background-position: 50%
}

.play-showreel-btn__ico:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.footer {
    position: relative;
    z-index: 2;
    padding-top: 80px;
    padding-bottom: 140px;
    box-sizing: border-box;
    background-color: #121212;
    overflow-x: hidden
}

.footer .v-lines {
    height: 100%
}

.footer .v-lines__inner,
.footer .v-lines__outer {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.footer.hidden .v-lines {
    height: 0
}

.talents {
    position: relative
}

.talents .pre-title {
    margin-bottom: 30px
}

.talents .pre-title__line {
    background-color: #fff
}

.talents .pre-title__label span {
    color: #fff
}

.talents .title {
    width: 500px;
    color: #fff;
    margin-bottom: 50px
}

.talents .dots__i {
    background-color: #fff
}

.talents .text {
    width: 640px;
    color: #fff;
    margin-bottom: 140px
}

.talents .share-talent {
    border-top: 1px solid #303030;
    position: absolute;
    right: 0;
    top: 120px;
    width: 33%;
    height: 110px;
    overflow: hidden
}

.talents .share-talent .action-btn__label {
    font-size: 20px;
    letter-spacing: .9px
}

.talents .members-of {
    margin-bottom: 60px
}

.talents .members-of .col {
    position: relative;
    float: left;
    width: 33%;
    height: 115px;
    overflow: hidden
}

.talents .members-of .col img {
    display: block;
    margin-right: 25px;
    max-height: 63px;
    position: absolute;
    bottom: 50px
}

.talents .members-of .col .title {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.talents .members-of .col .slide-in {
    height: 100%
}

.talents .members-of .col .descr-text,
.talents .members-of .col .text {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    line-height: 150%;
    letter-spacing: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0
}

.talents .members-of .col:nth-child(2) {
    width: 67%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.talents .members-of .col:nth-child(2) .slide-in-wrap {
    width: 33%;
    overflow: hidden
}

.talents .bottom {
    position: relative;
    height: 120px
}

.talents .bottom .content-wrap {
    position: relative;
    height: 100%
}

.talents .bottom__menu {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%
}

.talents.hidden .text {
    color: #ddd
}

.talents.hidden .text .perfect {
    color: inherit
}

.about-page {
    position: static;
    left: auto;
    top: auto;
    background-color: #121212
}

.about-page,
.about-page body {
    height: 100%;
    overflow: auto
}

.about-page .main-preloader {
    z-index: 5
}

.about-page .fixed-hud {
    position: fixed;
    z-index: 6;
    pointer-events: none
}

.about-page .fixed-hud .content-wrap {
    position: relative
}

.about-page .menu-block {
    z-index: 7
}

.about-page .vintage-logo {
    z-index: 8
}

.about-page .langs .rolling-block__content,
.about-page .portfolio-btn-block .rolling-block__content,
.about-page .socials-portfolio .rolling-block__content,
.about-page .vintage-logo .rolling-block__content,
.about-page .vintage-web-prod .rolling-block__content {
    color: #fff
}

.about-page .langs .langs__i.inverted .rolling-block__content,
.about-page .langs .rolling-block.inverted .rolling-block__content,
.about-page .langs.inverted .rolling-block__content,
.about-page .portfolio-btn-block .langs__i.inverted .rolling-block__content,
.about-page .portfolio-btn-block .rolling-block.inverted .rolling-block__content,
.about-page .portfolio-btn-block.inverted .rolling-block__content,
.about-page .socials-portfolio .langs__i.inverted .rolling-block__content,
.about-page .socials-portfolio .rolling-block.inverted .rolling-block__content,
.about-page .socials-portfolio.inverted .rolling-block__content,
.about-page .vintage-logo .langs__i.inverted .rolling-block__content,
.about-page .vintage-logo .rolling-block.inverted .rolling-block__content,
.about-page .vintage-logo.inverted .rolling-block__content,
.about-page .vintage-web-prod .langs__i.inverted .rolling-block__content,
.about-page .vintage-web-prod .rolling-block.inverted .rolling-block__content,
.about-page .vintage-web-prod.inverted .rolling-block__content {
    color: #121212
}

.about-page .menu-btn.inverted .menu-btn__line:after,
.about-page .menu-btn.inverted .menu-btn__line:before {
    background-color: #121212
}

.about-page .fixed-hud .menu-btn .menu-btn__line,
.about-page .fixed-hud .menu-btn .menu-btn__line:nth-child(3),
.about-page .fixed-hud .menu-btn .menu-btn__line:nth-child(4) {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.about-page .fixed-hud .langs .rolling-block__content,
.about-page .fixed-hud.socials-portfolio .rolling-block__content,
.about-page .fixed-hud.vintage-logo .rolling-block__content,
.about-page .fixed-hud.vintage-web-prod .rolling-block__content {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.about-page.menu-open .vintage-logo {
    color: #fff!important;
    -webkit-transition: color .35s ease-out .5s, -webkit-transform .5s;
    transition: color .35s ease-out .5s, -webkit-transform .5s;
    transition: transform .5s, color .35s ease-out .5s;
    transition: transform .5s, color .35s ease-out .5s, -webkit-transform .5s
}

.about-page.menu-open .menu-btn {
    -webkit-transform: translateX(3px) translateZ(0);
    transform: translateX(3px) translateZ(0);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.about-page.menu-open .menu-btn .menu-btn__line:first-child {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: c;
    animation-name: c;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.about-page.menu-open .menu-btn .menu-btn__line:nth-child(2) {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: e;
    animation-name: e;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.about-page.menu-open .menu-btn .menu-btn__line:nth-child(3) {
    visibility: hidden
}

.about-page.menu-open .menu-btn .menu-btn__line__inner {
    background-color: #fff!important;
    -webkit-transition: background-color .35s ease-out .5s;
    transition: background-color .35s ease-out .5s
}

.about-page.menu-open .fixed-hud .rolling-block__content,
.about-page.menu-open .fixed-hud.rolling-block__content {
    color: #fff!important;
    -webkit-transition: color .35s ease-out .5s, -webkit-transform .65s;
    transition: color .35s ease-out .5s, -webkit-transform .65s;
    transition: transform .65s, color .35s ease-out .5s;
    transition: transform .65s, color .35s ease-out .5s, -webkit-transform .65s
}

.about-page.menu-closing .langs .rolling-block__content,
.about-page.menu-closing .vintage-logo .rolling-block__content {
    -webkit-transition: color .35s ease-out .35s, -webkit-transform .65s;
    transition: color .35s ease-out .35s, -webkit-transform .65s;
    transition: transform .65s, color .35s ease-out .35s;
    transition: transform .65s, color .35s ease-out .35s, -webkit-transform .65s
}

.about-page.menu-closing .menu-btn .menu-btn__line:first-child {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: d;
    animation-name: d;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.about-page.menu-closing .menu-btn .menu-btn__line:nth-child(2) {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: f;
    animation-name: f;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.about-page.menu-closing .menu-btn .menu-btn__line:nth-child(3) {
    visibility: visible;
    -webkit-transition: visibility 1s linear .5s;
    transition: visibility 1s linear .5s
}

.about-page.menu-closing .menu-btn .menu-btn__line__inner {
    -webkit-transition: background-color .35s ease-out .35s;
    transition: background-color .35s ease-out .35s
}

.about-page.loaded {
    height: auto;
    overflow: auto;
    overflow-x: hidden
}

.about-page.loaded body {
    height: auto;
    overflow: auto
}

.screen-panel_approach-header .heading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s;
    transition: -webkit-transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s;
    transition: transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s;
    transition: transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s, -webkit-transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s
}

.screen-panel_approach-header .heading-canvas {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 400px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.screen-panel_approach-header .heading-canvas canvas {
    width: 100%;
    height: 100%
}

.screen-panel_approach-header .heading-text {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.screen-panel_approach-header .heading-text h1 {
    color: inherit
}

.screen-panel_approach-header .shadows {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 320px;
    max-width: 320px;
    opacity: .5;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .75s, visibility .75s;
    transition: opacity .75s, visibility .75s;
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
    pointer-events: none
}

.screen-panel_approach-header .bg {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top;
    -webkit-transition: opacity 2.5s, visibility 2.5s, -webkit-transform 2.5s ease-in-out;
    transition: opacity 2.5s, visibility 2.5s, -webkit-transform 2.5s ease-in-out;
    transition: transform 2.5s ease-in-out, opacity 2.5s, visibility 2.5s;
    transition: transform 2.5s ease-in-out, opacity 2.5s, visibility 2.5s, -webkit-transform 2.5s ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.screen-panel_approach-header .v-lines {
    z-index: 1;
    opacity: .5
}

.screen-panel_approach-header .v-lines__inner,
.screen-panel_approach-header .v-lines__outer {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.screen-panel_approach-header.hidden {
    background-color: #121213
}

.screen-panel_approach-header.hidden .bg {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    visibility: hidden;
    opacity: 0
}

.screen-panel_approach-header.hidden .heading {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

.screen-panel_approach-header.hidden .shadows {
    opacity: 0;
    visibility: hidden
}

.screen-panel_approach-body {
    background-color: #fff
}

.screen-panel_approach-body .scrolling__content {
    z-index: 2;
    padding-top: 150px
}

.screen-panel_approach-body .menu__bottom-line {
    background-color: #121212
}

.screen-panel_approach-body .menu__bottom-line.inverted {
    background-color: #fff
}

.screen-panel_approach-body .scrolling__content {
    position: relative
}

.screen-panel_approach-body .intro {
    margin-bottom: 115px
}

.screen-panel_approach-body .intro .text {
    width: 70%
}

.screen-panel_approach-body .levels {
    background-color: #f5f4f4;
    padding-top: 85px;
    padding-bottom: 115px
}

.screen-panel_approach-body .levels .title {
    margin-bottom: 50px
}

.screen-panel_approach-body .levels.hidden .levels-progress {
    opacity: 0;
    -webkit-transition: none;
    transition: none
}

.screen-panel_approach-body .levels.hidden .levels-slider {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
    -webkit-transition: none;
    transition: none
}

.screen-panel_approach-body .levels-hit-area {
    position: absolute;
    left: 0;
    top: 250px;
    bottom: 0;
    right: 0;
    background-color: transparent;
    z-index: 2
}

.screen-panel_approach-body .levels-progress {
    position: relative;
    width: 145px;
    padding-left: 87px;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.screen-panel_approach-body .levels-progress .progress {
    background-color: #fff;
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    box-shadow: 8px 0 40px rgba(0, 0, 0, .1);
    margin-bottom: 10px;
    background: #eb03f9;
    background: -webkit-linear-gradient(-45deg, #eb03f9, #02d1f6);
    background: -webkit-linear-gradient(315deg, #eb03f9, #02d1f6);
    background: linear-gradient(135deg, #eb03f9, #02d1f6)
}

.screen-panel_approach-body .levels-progress .wave {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.screen-panel_approach-body .levels-progress .wave svg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 200%;
    height: 100px;
    -webkit-animation-name: j;
    animation-name: j;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.screen-panel_approach-body .levels-progress .wave svg path {
    fill: #fff
}

@-webkit-keyframes j {
    0% {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        -webkit-transform: translate3d(-50%, 20px, 0);
        transform: translate3d(-50%, 20px, 0)
    }
}

@keyframes j {
    0% {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        -webkit-transform: translate3d(-50%, 20px, 0);
        transform: translate3d(-50%, 20px, 0)
    }
}

.screen-panel_approach-body .levels-progress p {
    padding: 0 10px;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #121212;
    text-align: center;
    letter-spacing: 1px
}

.screen-panel_approach-body .levels-slider {
    position: absolute;
    width: 640px;
    height: 560px;
    top: 87px;
    right: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .5s ease-in-out .25s, -webkit-transform .5s ease-in-out .25s;
    transition: opacity .5s ease-in-out .25s, -webkit-transform .5s ease-in-out .25s;
    transition: opacity .5s ease-in-out .25s, transform .5s ease-in-out .25s;
    transition: opacity .5s ease-in-out .25s, transform .5s ease-in-out .25s, -webkit-transform .5s ease-in-out .25s
}

.screen-panel_approach-body .levels-slider .mobile-controls {
    display: none
}

.screen-panel_approach-body .levels-slider__i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    color: #121212;
    -webkit-transition: width .65s, -webkit-transform .65s;
    transition: width .65s, -webkit-transform .65s;
    transition: width .65s, transform .65s;
    transition: width .65s, transform .65s, -webkit-transform .65s
}

.screen-panel_approach-body .levels-slider__i .num {
    height: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65px;
    flex: 0 0 65px;
    margin: auto;
    -webkit-transition: height .65s, -webkit-box-flex .65s;
    transition: height .65s, -webkit-box-flex .65s;
    transition: height .65s, flex .65s;
    transition: height .65s, flex .65s, -webkit-box-flex .65s, -ms-flex .65s
}

.screen-panel_approach-body .levels-slider__i .num span {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 10px;
    position: absolute;
    left: 0;
    top: 7px;
    -webkit-transform: rotate(-90deg) translateZ(0);
    transform: rotate(-90deg) translateZ(0);
    -webkit-transition: top .65s, font-size .65s, line-height .65s, -webkit-transform .65s;
    transition: top .65s, font-size .65s, line-height .65s, -webkit-transform .65s;
    transition: top .65s, transform .65s, font-size .65s, line-height .65s;
    transition: top .65s, transform .65s, font-size .65s, line-height .65s, -webkit-transform .65s
}

.screen-panel_approach-body .levels-slider__i .title-description .title {
    position: relative;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    line-height: 90%;
    margin-bottom: 30px;
    width: auto;
    cursor: pointer;
    pointer-events: all;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform .65s;
    transition: -webkit-transform .65s;
    transition: transform .65s;
    transition: transform .65s, -webkit-transform .65s
}

.screen-panel_approach-body .levels-slider__i .title-description .title .crossed-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-decoration: line-through;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .35s linear, visibility .35s linear;
    transition: opacity .35s linear, visibility .35s linear
}

.screen-panel_approach-body .levels-slider__i .title-description .description {
    position: relative;
    width: 75%;
    font-family: robotoregular, sans-serif;
    font-size: 16px;
    line-height: 120%;
    color: #121212;
    margin-bottom: 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .25s, visibility .25s, -webkit-transform .25s;
    transition: opacity .25s, visibility .25s, -webkit-transform .25s;
    transition: opacity .25s, visibility .25s, transform .25s;
    transition: opacity .25s, visibility .25s, transform .25s, -webkit-transform .25s
}

.screen-panel_approach-body .levels-slider__i .title-description .description.description_italic {
    font-style: italic;
    font-size: 13px
}

.screen-panel_approach-body .levels-slider__i.active {
    width: 100%
}

.screen-panel_approach-body .levels-slider__i.active .num {
    height: 105px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 190px;
    flex: 0 0 190px
}

.screen-panel_approach-body .levels-slider__i.active .num span {
    top: 0;
    font-size: 140px;
    line-height: 100px;
    -webkit-transform: rotate(0) translateZ(0);
    transform: rotate(0) translateZ(0)
}

.screen-panel_approach-body .levels-slider__i.active .title {
    -webkit-transform: scale(1.35);
    transform: scale(1.35);
    cursor: default
}

.screen-panel_approach-body .levels-slider__i.active .description {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .75s linear .35s, visibility .75s linear .35s, -webkit-transform .75s linear .35s;
    transition: opacity .75s linear .35s, visibility .75s linear .35s, -webkit-transform .75s linear .35s;
    transition: opacity .75s linear .35s, visibility .75s linear .35s, transform .75s linear .35s;
    transition: opacity .75s linear .35s, visibility .75s linear .35s, transform .75s linear .35s, -webkit-transform .75s linear .35s
}

.screen-panel_approach-body .levels-slider__i.crossed .title .crossed-title {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .5s linear .5s, visibility .5s linear .5s;
    transition: opacity .5s linear .5s, visibility .5s linear .5s
}

.screen-panel_approach-body .algorithm,
.screen-panel_approach-body .approach,
.screen-panel_approach-body .prestart {
    padding-top: 90px;
    padding-bottom: 115px
}

.screen-panel_approach-body .algorithm .title,
.screen-panel_approach-body .approach .title,
.screen-panel_approach-body .prestart .title {
    width: 100%
}

.screen-panel_approach-body .algorithm .title .rolling-block:first-child .rolling-block__content,
.screen-panel_approach-body .approach .title .rolling-block:first-child .rolling-block__content,
.screen-panel_approach-body .prestart .title .rolling-block:first-child .rolling-block__content {
    -webkit-transition: -webkit-transform .35s linear .1s;
    transition: -webkit-transform .35s linear .1s;
    transition: transform .35s linear .1s;
    transition: transform .35s linear .1s, -webkit-transform .35s linear .1s
}

.screen-panel_approach-body .algorithm .title .rolling-block:nth-child(2) .rolling-block__content,
.screen-panel_approach-body .approach .title .rolling-block:nth-child(2) .rolling-block__content,
.screen-panel_approach-body .prestart .title .rolling-block:nth-child(2) .rolling-block__content {
    -webkit-transition: -webkit-transform .35s linear .2s;
    transition: -webkit-transform .35s linear .2s;
    transition: transform .35s linear .2s;
    transition: transform .35s linear .2s, -webkit-transform .35s linear .2s
}

.screen-panel_approach-body .algorithm .title .rolling-block:nth-child(3) .rolling-block__content,
.screen-panel_approach-body .approach .title .rolling-block:nth-child(3) .rolling-block__content,
.screen-panel_approach-body .prestart .title .rolling-block:nth-child(3) .rolling-block__content {
    -webkit-transition: -webkit-transform .35s linear .3s;
    transition: -webkit-transform .35s linear .3s;
    transition: transform .35s linear .3s;
    transition: transform .35s linear .3s, -webkit-transform .35s linear .3s
}

.screen-panel_approach-body .algorithm .title .rolling-block:nth-child(4) .rolling-block__content,
.screen-panel_approach-body .approach .title .rolling-block:nth-child(4) .rolling-block__content,
.screen-panel_approach-body .prestart .title .rolling-block:nth-child(4) .rolling-block__content {
    -webkit-transition: -webkit-transform .35s linear .4s;
    transition: -webkit-transform .35s linear .4s;
    transition: transform .35s linear .4s;
    transition: transform .35s linear .4s, -webkit-transform .35s linear .4s
}

.screen-panel_approach-body .algorithm .title .rolling-block:nth-child(5) .rolling-block__content,
.screen-panel_approach-body .approach .title .rolling-block:nth-child(5) .rolling-block__content,
.screen-panel_approach-body .prestart .title .rolling-block:nth-child(5) .rolling-block__content {
    -webkit-transition: -webkit-transform .35s linear .5s;
    transition: -webkit-transform .35s linear .5s;
    transition: transform .35s linear .5s;
    transition: transform .35s linear .5s, -webkit-transform .35s linear .5s
}

.screen-panel_approach-body .algorithm .title .rolling-block:nth-child(6) .rolling-block__content,
.screen-panel_approach-body .approach .title .rolling-block:nth-child(6) .rolling-block__content,
.screen-panel_approach-body .prestart .title .rolling-block:nth-child(6) .rolling-block__content {
    -webkit-transition: -webkit-transform .35s linear .6s;
    transition: -webkit-transform .35s linear .6s;
    transition: transform .35s linear .6s;
    transition: transform .35s linear .6s, -webkit-transform .35s linear .6s
}

.screen-panel_approach-body .algorithm .title .rolling-block:nth-child(7) .rolling-block__content,
.screen-panel_approach-body .approach .title .rolling-block:nth-child(7) .rolling-block__content,
.screen-panel_approach-body .prestart .title .rolling-block:nth-child(7) .rolling-block__content {
    -webkit-transition: -webkit-transform .35s linear .7s;
    transition: -webkit-transform .35s linear .7s;
    transition: transform .35s linear .7s;
    transition: transform .35s linear .7s, -webkit-transform .35s linear .7s
}

.screen-panel_approach-body .algorithm .steps,
.screen-panel_approach-body .approach .steps,
.screen-panel_approach-body .prestart .steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.screen-panel_approach-body .algorithm .steps__i,
.screen-panel_approach-body .approach .steps__i,
.screen-panel_approach-body .prestart .steps__i {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
    font-family: robotoregular, sans-serif;
    font-size: 14px;
    color: #121212;
    position: relative;
    overflow: hidden
}

.screen-panel_approach-body .algorithm .steps__i img,
.screen-panel_approach-body .algorithm .steps__i>svg,
.screen-panel_approach-body .approach .steps__i img,
.screen-panel_approach-body .approach .steps__i>svg,
.screen-panel_approach-body .prestart .steps__i img,
.screen-panel_approach-body .prestart .steps__i>svg {
    display: block;
    margin-bottom: 25px;
    overflow: visible;
    -webkit-filter: drop-shadow(2px 2px 8px rgba(92, 10, 10, 0));
    filter: drop-shadow(2px 2px 8px rgba(92, 10, 10, 0));
    -webkit-transition: -webkit-filter .5s linear;
    transition: -webkit-filter .5s linear;
    transition: filter .5s linear;
    transition: filter .5s linear, -webkit-filter .5s linear
}

.screen-panel_approach-body .algorithm .steps__i .ico,
.screen-panel_approach-body .approach .steps__i .ico,
.screen-panel_approach-body .prestart .steps__i .ico {
    position: relative;
    width: 60px;
    height: 60px;
    margin-bottom: 45px;
    -webkit-transition: -webkit-transform .35s linear;
    transition: -webkit-transform .35s linear;
    transition: transform .35s linear;
    transition: transform .35s linear, -webkit-transform .35s linear
}

.screen-panel_approach-body .algorithm .steps__i .ico svg,
.screen-panel_approach-body .approach .steps__i .ico svg,
.screen-panel_approach-body .prestart .steps__i .ico svg {
    width: 100%;
    height: 100%;
    overflow: visible;
    -webkit-filter: drop-shadow(2px 2px 8px transparent);
    filter: drop-shadow(2px 2px 8px transparent);
    -webkit-transition: -webkit-filter .5s linear;
    transition: -webkit-filter .5s linear;
    transition: filter .5s linear;
    transition: filter .5s linear, -webkit-filter .5s linear
}

.screen-panel_approach-body .algorithm .steps__i .step-title,
.screen-panel_approach-body .approach .steps__i .step-title,
.screen-panel_approach-body .prestart .steps__i .step-title {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: inherit;
    margin-bottom: 20px;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .75s ease-out, -webkit-transform .75s ease-out;
    transition: opacity .75s ease-out, -webkit-transform .75s ease-out;
    transition: transform .75s ease-out, opacity .75s ease-out;
    transition: transform .75s ease-out, opacity .75s ease-out, -webkit-transform .75s ease-out
}

.screen-panel_approach-body .algorithm .steps__i .step-title p,
.screen-panel_approach-body .approach .steps__i .step-title p,
.screen-panel_approach-body .prestart .steps__i .step-title p {
    display: inline-block;
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.screen-panel_approach-body .algorithm .steps__i .dash,
.screen-panel_approach-body .approach .steps__i .dash,
.screen-panel_approach-body .prestart .steps__i .dash {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: opacity .75s ease-out, -webkit-transform .5s ease-out;
    transition: opacity .75s ease-out, -webkit-transform .5s ease-out;
    transition: transform .5s ease-out, opacity .75s ease-out;
    transition: transform .5s ease-out, opacity .75s ease-out, -webkit-transform .5s ease-out
}

.screen-panel_approach-body .algorithm .steps__i .step-text,
.screen-panel_approach-body .approach .steps__i .step-text,
.screen-panel_approach-body .prestart .steps__i .step-text {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .75s ease-out, -webkit-transform .75s ease-out;
    transition: opacity .75s ease-out, -webkit-transform .75s ease-out;
    transition: transform .75s ease-out, opacity .75s ease-out;
    transition: transform .75s ease-out, opacity .75s ease-out, -webkit-transform .75s ease-out
}

.screen-panel_approach-body .algorithm .steps__i:first-child .ico,
.screen-panel_approach-body .approach .steps__i:first-child .ico,
.screen-panel_approach-body .prestart .steps__i:first-child .ico {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.screen-panel_approach-body .algorithm .steps__i:first-child .dash,
.screen-panel_approach-body .algorithm .steps__i:first-child .step-text,
.screen-panel_approach-body .algorithm .steps__i:first-child .step-title,
.screen-panel_approach-body .approach .steps__i:first-child .dash,
.screen-panel_approach-body .approach .steps__i:first-child .step-text,
.screen-panel_approach-body .approach .steps__i:first-child .step-title,
.screen-panel_approach-body .prestart .steps__i:first-child .dash,
.screen-panel_approach-body .prestart .steps__i:first-child .step-text,
.screen-panel_approach-body .prestart .steps__i:first-child .step-title {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.screen-panel_approach-body .algorithm .steps__i:nth-child(2) .ico,
.screen-panel_approach-body .approach .steps__i:nth-child(2) .ico,
.screen-panel_approach-body .prestart .steps__i:nth-child(2) .ico {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.screen-panel_approach-body .algorithm .steps__i:nth-child(2) .dash,
.screen-panel_approach-body .algorithm .steps__i:nth-child(2) .step-text,
.screen-panel_approach-body .algorithm .steps__i:nth-child(2) .step-title,
.screen-panel_approach-body .approach .steps__i:nth-child(2) .dash,
.screen-panel_approach-body .approach .steps__i:nth-child(2) .step-text,
.screen-panel_approach-body .approach .steps__i:nth-child(2) .step-title,
.screen-panel_approach-body .prestart .steps__i:nth-child(2) .dash,
.screen-panel_approach-body .prestart .steps__i:nth-child(2) .step-text,
.screen-panel_approach-body .prestart .steps__i:nth-child(2) .step-title {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.screen-panel_approach-body .algorithm .steps__i:nth-child(3) .ico,
.screen-panel_approach-body .approach .steps__i:nth-child(3) .ico,
.screen-panel_approach-body .prestart .steps__i:nth-child(3) .ico {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.screen-panel_approach-body .algorithm .steps__i:nth-child(3) .dash,
.screen-panel_approach-body .algorithm .steps__i:nth-child(3) .step-text,
.screen-panel_approach-body .algorithm .steps__i:nth-child(3) .step-title,
.screen-panel_approach-body .algorithm .steps__i:nth-child(4) .ico,
.screen-panel_approach-body .approach .steps__i:nth-child(3) .dash,
.screen-panel_approach-body .approach .steps__i:nth-child(3) .step-text,
.screen-panel_approach-body .approach .steps__i:nth-child(3) .step-title,
.screen-panel_approach-body .approach .steps__i:nth-child(4) .ico,
.screen-panel_approach-body .prestart .steps__i:nth-child(3) .dash,
.screen-panel_approach-body .prestart .steps__i:nth-child(3) .step-text,
.screen-panel_approach-body .prestart .steps__i:nth-child(3) .step-title,
.screen-panel_approach-body .prestart .steps__i:nth-child(4) .ico {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.screen-panel_approach-body .algorithm .steps__i:nth-child(4) .dash,
.screen-panel_approach-body .algorithm .steps__i:nth-child(4) .step-text,
.screen-panel_approach-body .algorithm .steps__i:nth-child(4) .step-title,
.screen-panel_approach-body .approach .steps__i:nth-child(4) .dash,
.screen-panel_approach-body .approach .steps__i:nth-child(4) .step-text,
.screen-panel_approach-body .approach .steps__i:nth-child(4) .step-title,
.screen-panel_approach-body .prestart .steps__i:nth-child(4) .dash,
.screen-panel_approach-body .prestart .steps__i:nth-child(4) .step-text,
.screen-panel_approach-body .prestart .steps__i:nth-child(4) .step-title {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.screen-panel_approach-body .algorithm .steps__i:nth-child(5) .dash,
.screen-panel_approach-body .algorithm .steps__i:nth-child(5) .ico,
.screen-panel_approach-body .algorithm .steps__i:nth-child(5) .step-text,
.screen-panel_approach-body .algorithm .steps__i:nth-child(5) .step-title,
.screen-panel_approach-body .approach .steps__i:nth-child(5) .dash,
.screen-panel_approach-body .approach .steps__i:nth-child(5) .ico,
.screen-panel_approach-body .approach .steps__i:nth-child(5) .step-text,
.screen-panel_approach-body .approach .steps__i:nth-child(5) .step-title,
.screen-panel_approach-body .prestart .steps__i:nth-child(5) .dash,
.screen-panel_approach-body .prestart .steps__i:nth-child(5) .ico,
.screen-panel_approach-body .prestart .steps__i:nth-child(5) .step-text,
.screen-panel_approach-body .prestart .steps__i:nth-child(5) .step-title {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.screen-panel_approach-body .algorithm .steps__i:nth-child(6) .ico,
.screen-panel_approach-body .approach .steps__i:nth-child(6) .ico,
.screen-panel_approach-body .prestart .steps__i:nth-child(6) .ico {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.screen-panel_approach-body .algorithm .steps__i:nth-child(6) .dash,
.screen-panel_approach-body .algorithm .steps__i:nth-child(6) .step-text,
.screen-panel_approach-body .algorithm .steps__i:nth-child(6) .step-title,
.screen-panel_approach-body .approach .steps__i:nth-child(6) .dash,
.screen-panel_approach-body .approach .steps__i:nth-child(6) .step-text,
.screen-panel_approach-body .approach .steps__i:nth-child(6) .step-title,
.screen-panel_approach-body .prestart .steps__i:nth-child(6) .dash,
.screen-panel_approach-body .prestart .steps__i:nth-child(6) .step-text,
.screen-panel_approach-body .prestart .steps__i:nth-child(6) .step-title {
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}

.screen-panel_approach-body .algorithm .steps__i:nth-child(7) .ico,
.screen-panel_approach-body .approach .steps__i:nth-child(7) .ico,
.screen-panel_approach-body .prestart .steps__i:nth-child(7) .ico {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.screen-panel_approach-body .algorithm .steps__i:nth-child(7) .dash,
.screen-panel_approach-body .algorithm .steps__i:nth-child(7) .step-text,
.screen-panel_approach-body .algorithm .steps__i:nth-child(7) .step-title,
.screen-panel_approach-body .approach .steps__i:nth-child(7) .dash,
.screen-panel_approach-body .approach .steps__i:nth-child(7) .step-text,
.screen-panel_approach-body .approach .steps__i:nth-child(7) .step-title,
.screen-panel_approach-body .prestart .steps__i:nth-child(7) .dash,
.screen-panel_approach-body .prestart .steps__i:nth-child(7) .step-text,
.screen-panel_approach-body .prestart .steps__i:nth-child(7) .step-title {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.screen-panel_approach-body .algorithm.svg-shadows .steps__i,
.screen-panel_approach-body .approach.svg-shadows .steps__i,
.screen-panel_approach-body .prestart.svg-shadows .steps__i {
    overflow: visible
}

.screen-panel_approach-body .algorithm.svg-shadows .steps__i .ico svg,
.screen-panel_approach-body .algorithm.svg-shadows .steps__i>svg,
.screen-panel_approach-body .approach.svg-shadows .steps__i .ico svg,
.screen-panel_approach-body .approach.svg-shadows .steps__i>svg,
.screen-panel_approach-body .prestart.svg-shadows .steps__i .ico svg,
.screen-panel_approach-body .prestart.svg-shadows .steps__i>svg {
    -webkit-filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, .075));
    filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, .075))
}

.screen-panel_approach-body .algorithm.hidden .step-text,
.screen-panel_approach-body .algorithm.hidden .step-title,
.screen-panel_approach-body .approach.hidden .step-text,
.screen-panel_approach-body .approach.hidden .step-title,
.screen-panel_approach-body .prestart.hidden .step-text,
.screen-panel_approach-body .prestart.hidden .step-title {
    opacity: .5;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    -webkit-transition: none;
    transition: none
}

.screen-panel_approach-body .algorithm.hidden .dash,
.screen-panel_approach-body .approach.hidden .dash,
.screen-panel_approach-body .prestart.hidden .dash {
    opacity: .5;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.screen-panel_approach-body .algorithm.hidden .ico,
.screen-panel_approach-body .approach.hidden .ico,
.screen-panel_approach-body .prestart.hidden .ico {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: none;
    transition: none
}

.screen-panel_approach-body .algorithm .circle {
    -webkit-animation-name: k;
    animation-name: k;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

@-webkit-keyframes k {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes k {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.screen-panel_approach-body .algorithm .rombus {
    position: relative;
    display: block;
    -webkit-animation-name: l;
    animation-name: l;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: 28px 28px;
    transform-origin: 28px 28px
}

@-webkit-keyframes l {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes l {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.screen-panel_approach-body .algorithm .path {
    -webkit-animation-name: m;
    animation-name: m;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.screen-panel_approach-body .algorithm .path:first-child {
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s
}

.screen-panel_approach-body .algorithm .path:nth-child(2) {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s
}

.screen-panel_approach-body .algorithm .path:nth-child(3) {
    -webkit-animation-delay: 2.9s;
    animation-delay: 2.9s
}

.screen-panel_approach-body .algorithm .path:nth-child(4) {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s
}

.screen-panel_approach-body .algorithm .path:nth-child(5) {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}

.screen-panel_approach-body .algorithm .path:nth-child(6) {
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s
}

.screen-panel_approach-body .algorithm .path:nth-child(7) {
    -webkit-animation-delay: 4.1s;
    animation-delay: 4.1s
}

@-webkit-keyframes m {
    0% {
        stroke-dasharray: 34;
        stroke-dashoffset: 34
    }
    50% {
        stroke-dasharray: 34;
        stroke-dashoffset: 0
    }
    to {
        stroke-dasharray: 34;
        stroke-dashoffset: 34
    }
}

@keyframes m {
    0% {
        stroke-dasharray: 34;
        stroke-dashoffset: 34
    }
    50% {
        stroke-dasharray: 34;
        stroke-dashoffset: 0
    }
    to {
        stroke-dasharray: 34;
        stroke-dashoffset: 34
    }
}

.screen-panel_approach-body .approach .steps__i .ico,
.screen-panel_approach-body .prestart .steps__i .ico {
    width: 63px;
    height: 63px
}

.screen-panel_approach-body .approach .steps__i .ico:first-child,
.screen-panel_approach-body .approach .steps__i .ico:nth-child(5),
.screen-panel_approach-body .prestart .steps__i .ico:first-child,
.screen-panel_approach-body .prestart .steps__i .ico:nth-child(5) {
    width: 70px;
    height: 70px
}

.screen-panel_approach-body .approach .steps__i .ico:nth-child(4),
.screen-panel_approach-body .prestart .steps__i .ico:nth-child(4) {
    width: 65px;
    height: 75px
}

.screen-panel_approach-body .question {
    background-color: #121212;
    padding-top: 200px;
    padding-bottom: 200px
}

.screen-panel_approach-body .question .shadows {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    height: 100%;
    width: 320px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.screen-panel_approach-body .question .v-lines__inner,
.screen-panel_approach-body .question .v-lines__outer {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.screen-panel_approach-body .question .title {
    color: #fff;
    width: 100%
}

.screen-panel_approach-body .question .text {
    color: #fff;
    width: 40%
}

.screen-panel_approach-body .approach {
    background-color: #f5f4f4
}

.screen-panel_approach-body .approach .steps {
    margin-bottom: 50px
}

.screen-panel_approach-body .approach .steps__i {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
}

.screen-panel_approach-body .approach .ico {
    cursor: pointer
}

.screen-panel_approach-body .approach .ico.active {
    cursor: default;
    pointer-events: none
}

.screen-panel_approach-body .approach .steps-controls {
    display: none
}

.screen-panel_approach-body .approach .descriptions {
    position: relative;
    width: 60%;
    padding-top: 40px;
    -webkit-transition: height .5s ease-out;
    transition: height .5s ease-out
}

.screen-panel_approach-body .approach .descriptions:before {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 0;
    width: 75%;
    height: 4px;
    background-color: #fff;
    -webkit-transition: width .35s ease-out .35s;
    transition: width .35s ease-out .35s
}

.screen-panel_approach-body .approach .descriptions__i {
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    height: 100%;
    opacity: 0
}

.screen-panel_approach-body .approach .description-text,
.screen-panel_approach-body .approach .description-title {
    position: relative;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .35s linear .75s, visibility .35s linear .75s, -webkit-transform .35s ease-out .75s;
    transition: opacity .35s linear .75s, visibility .35s linear .75s, -webkit-transform .35s ease-out .75s;
    transition: transform .35s ease-out .75s, opacity .35s linear .75s, visibility .35s linear .75s;
    transition: transform .35s ease-out .75s, opacity .35s linear .75s, visibility .35s linear .75s, -webkit-transform .35s ease-out .75s
}

.screen-panel_approach-body .approach .description-title {
    font-family: Roboto, sans-serif;
    font-size: 36px;
    color: #121212;
    margin-bottom: 20px
}

.screen-panel_approach-body .approach .description-text {
    font-family: robotoregular, sans-serif;
    font-size: 16px;
    color: #121212
}

.screen-panel_approach-body .approach.hidden .descriptions:before {
    width: 0;
    -webkit-transition: none;
    transition: none
}

.screen-panel_approach-body .approach.hidden .description-text,
.screen-panel_approach-body .approach.hidden .description-title {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    -webkit-transition: none;
    transition: none
}

.screen-panel_approach-body .results {
    padding-bottom: 60px;
    background-color: #121212;
    color: #fff
}

.screen-panel_approach-body .results.hidden .result-block:before {
    width: 0
}

.screen-panel_approach-body .results.hidden .result-block__text,
.screen-panel_approach-body .results.hidden .result-block__title {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    -webkit-transition: none;
    transition: none
}

.screen-panel_approach-body .results.hidden .results__text {
    opacity: 0;
    -webkit-transition: none;
    transition: none
}

.screen-panel_approach-body .result-block {
    position: relative;
    padding: 40px 0
}

.screen-panel_approach-body .result-block:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 1px;
    background-color: #fff;
    opacity: .2;
    -webkit-transition: width 1s;
    transition: width 1s
}

.screen-panel_approach-body .result-block .highlight {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    cursor: pointer
}

.screen-panel_approach-body .result-block .highlight:hover .highlight__gradient {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.screen-panel_approach-body .result-block .highlight__gradient {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s
}

.screen-panel_approach-body .result-block .highlight__gradient svg {
    width: 100%;
    height: 100%
}

.screen-panel_approach-body .result-block:first-child .result-block__text,
.screen-panel_approach-body .result-block:first-child .result-block__title,
.screen-panel_approach-body .result-block:first-child:before {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.screen-panel_approach-body .result-block:nth-child(2) .result-block__text,
.screen-panel_approach-body .result-block:nth-child(2) .result-block__title,
.screen-panel_approach-body .result-block:nth-child(2):before {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.screen-panel_approach-body .result-block:nth-child(3) .result-block__text,
.screen-panel_approach-body .result-block:nth-child(3) .result-block__title,
.screen-panel_approach-body .result-block:nth-child(3):before {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.screen-panel_approach-body .result-block:nth-child(4) .result-block__text,
.screen-panel_approach-body .result-block:nth-child(4) .result-block__title,
.screen-panel_approach-body .result-block:nth-child(4):before {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.screen-panel_approach-body .result-block:nth-child(5) .result-block__text,
.screen-panel_approach-body .result-block:nth-child(5) .result-block__title,
.screen-panel_approach-body .result-block:nth-child(5):before {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.screen-panel_approach-body .result-block:nth-child(6) .result-block__text,
.screen-panel_approach-body .result-block:nth-child(6) .result-block__title,
.screen-panel_approach-body .result-block:nth-child(6):before {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.screen-panel_approach-body .result-block:nth-child(7) .result-block__text,
.screen-panel_approach-body .result-block:nth-child(7) .result-block__title,
.screen-panel_approach-body .result-block:nth-child(7):before {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.screen-panel_approach-body .result-block__text,
.screen-panel_approach-body .result-block__title {
    position: relative;
    z-index: 2;
    pointer-events: none;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s
}

.screen-panel_approach-body .result-block__title {
    font-family: Roboto, sans-serif;
    font-size: 30px;
    margin-bottom: 20px
}

.screen-panel_approach-body .result-block__title span {
    font-size: 20px
}

.screen-panel_approach-body .result-block__text,
.screen-panel_approach-body .results__text {
    font-family: robotoregular, sans-serif;
    font-size: 14px;
    width: 67%
}

.screen-panel_approach-body .results__text {
    width: auto;
    padding-top: 40px;
    text-align: center;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

.screen-panel_approach-body .footer {
    background-color: #fff
}

.screen-panel_approach-body .footer .v-lines__inner,
.screen-panel_approach-body .footer .v-lines__outer {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2
}

.screen-panel_approach-body .footer .contacts-btn-wrap {
    margin-bottom: 50px;
    text-align: center;
    margin: 0 auto 60px;
    height: 101px;
    overflow-x: hidden;
    position: absolute;
    right: 0;
    top: 120px;
    width: 320px
}

.screen-panel_approach-body .footer .contacts-btn-wrap .action-btn {
    width: 100%;
    border-top: 1px solid #121212;
    box-sizing: border-box
}

.screen-panel_approach-body .footer .contacts-btn-wrap .action-btn:before {
    background-color: #121212
}

.screen-panel_approach-body .footer .contacts-btn-wrap .action-btn__label {
    display: block;
    text-align: center;
    color: #121212
}

.screen-panel_approach-body .footer .contacts-btn-wrap .action-btn__label:before {
    background-color: #121212
}

.screen-panel_approach-body .footer .contacts-btn-wrap .action-btn__label .rolling-block-wrap:before,
.screen-panel_approach-body .footer .contacts-btn-wrap .action-btn__label span:before {
    background-color: #fff
}

.screen-panel_approach-body .footer .contacts-btn-wrap .action-btn__line:after,
.screen-panel_approach-body .footer .contacts-btn-wrap .action-btn__line:before {
    background-color: #121212
}

.screen-panel_approach-body .footer .title {
    margin-bottom: 30px
}

.screen-panel_approach-body .footer .text {
    width: 50%;
    margin-bottom: 60px
}

.screen-panel_approach-body .footer .contacts-btn-wrap {
    overflow: hidden
}

.screen-panel_approach-body .footer .slide-down {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .5s ease-out .15s;
    transition: -webkit-transform .5s ease-out .15s;
    transition: transform .5s ease-out .15s;
    transition: transform .5s ease-out .15s, -webkit-transform .5s ease-out .15s
}

.screen-panel_approach-body .footer .slide-down .prev-wrap,
.screen-panel_approach-body .footer .slide-down next-wrap {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .5s ease-out .35s;
    transition: -webkit-transform .5s ease-out .35s;
    transition: transform .5s ease-out .35s;
    transition: transform .5s ease-out .35s, -webkit-transform .5s ease-out .35s
}

.screen-panel_approach-body .footer .next-wrap.active:before,
.screen-panel_approach-body .footer .prev-wrap.active:before {
    background-color: #f6f5f5
}

.screen-panel_approach-body .footer.hidden .v-lines {
    height: 100%
}

.screen-panel_approach-body .footer.hidden .slide-in {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: none;
    transition: none
}

.screen-panel_approach-body .footer.hidden .slide-down .prev-wrap,
.screen-panel_approach-body .footer.hidden .slide-down next-wrap {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: none;
    transition: none
}

.screen-panel_approach-body .fixed-hud.vintage-is-all {
    color: #121212
}

.screen-panel_approach-body.hidden .inner-content-wrap {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

.approach-page {
    overflow: hidden
}

.approach-page body {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.approach-page .scrolling {
    width: 100%;
    overflow-x: hidden
}

.approach-page .pop-up_contacts {
    position: fixed;
    display: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.screen-panel_portfolio .content-wrap {
    position: relative;
    z-index: 3;
    height: 100%;
    pointer-events: none
}

.screen-panel_portfolio .scrolling__content {
    position: relative;
    height: 100%
}

.screen-panel_portfolio .v-lines__inner,
.screen-panel_portfolio .v-lines__outer {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.screen-panel_portfolio .shadows {
    position: absolute;
    width: 320px;
    height: 100%;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.screen-panel_portfolio .header__text {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
}

.screen-panel_portfolio .menu-block {
    pointer-events: none
}

.screen-panel_portfolio .menu {
    pointer-events: visiblePainted
}

.screen-panel_portfolio .menu.hidden {
    pointer-events: none
}

.screen-panel_portfolio .langs .rolling-block__content,
.screen-panel_portfolio .portfolio-btn-block .rolling-block__content,
.screen-panel_portfolio .vintage-logo .rolling-block__content,
.screen-panel_portfolio .vintage-web-prod .rolling-block__content {
    -webkit-transition: none;
    transition: none
}

.screen-panel_portfolio .mobile-splash {
    background-color: hsla(0, 0%, 5%, .95)
}

.screen-panel_portfolio .portfolio-slider {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 340px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.screen-panel_portfolio .portfolio-slider:after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 10px;
    height: 50px;
    z-index: 100
}

.screen-panel_portfolio .projects-list {
    position: absolute;
    list-style: none;
    pointer-events: visiblePainted;
    height: 100%
}

.screen-panel_portfolio .projects-list__i {
    position: absolute;
    left: 0;
    top: 0;
    width: 540px;
    height: 100%
}

.screen-panel_portfolio .projects-list__i .project-preview {
    background-color: #000
}

.screen-panel_portfolio .projects-list__i img,
.screen-panel_portfolio .projects-list__i video {
    opacity: 0;
    visibility: hidden
}

.screen-panel_portfolio .projects-list__i:hover .project-preview {
    box-shadow: 8px 0 40px #000
}

.screen-panel_portfolio .projects-list__i:hover .gradient {
    opacity: .2;
    visibility: visible
}

.screen-panel_portfolio .projects-list__i:hover .rolling-block__content {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.screen-panel_portfolio .projects-list__i.no-title .rolling-block__content {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.screen-panel_portfolio .projects-list__i.loaded .preloader {
    display: none
}

.screen-panel_portfolio .project-preview {
    position: absolute;
    width: 100%;
    height: 340px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: box-shadow .5s;
    transition: box-shadow .5s
}

.screen-panel_portfolio .project-preview .gradient {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 765px;
    height: 765px;
    background: #eb03f9;
    background: -webkit-linear-gradient(-90deg, #eb03f9, #02d1f6);
    background: -webkit-linear-gradient(left, #eb03f9, #02d1f6);
    background: linear-gradient(90deg, #eb03f9, #02d1f6);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .35s, visibility .35s;
    transition: opacity .35s, visibility .35s;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.screen-panel_portfolio .project-preview .preloader {
    left: 50%;
    top: 50%;
    z-index: 10
}

.screen-panel_portfolio .project-preview__pic {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.screen-panel_portfolio .project-title {
    position: absolute;
    right: 0;
    bottom: -20px;
    pointer-events: none;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.screen-panel_portfolio .project-title .rolling-block__content {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.screen-panel_portfolio .project-line {
    position: absolute;
    right: -40px;
    top: 50%;
    height: 1px;
    width: 0;
    background-color: #fff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.screen-panel_portfolio .splash {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleY(0) translateZ(0);
    transform: scaleY(0) translateZ(0);
    pointer-events: none;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    background-color: #fff
}

.screen-panel_portfolio .splash.active {
    -webkit-transform: scaleY(1) translateZ(0);
    transform: scaleY(1) translateZ(0)
}

.screen-panel_portfolio .socials-portfolio {
    display: none
}

.screen-panel_portfolio.menu-open .content-wrap,
.screen-panel_portfolio.menu-open .menu-block {
    pointer-events: visiblePainted
}

.screen-panel_portfolio.menu-open .portfolio-controls {
    z-index: 1
}

.screen-panel_portfolio.hidden {
    visibility: hidden
}

.screen-panel_portfolio.hidden .shadows {
    opacity: 0;
    -webkit-transition: none;
    transition: none
}

.screen-panel_portfolio.hidden .filter .rolling-block__content {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%)
}

.portfolio-controls {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.portfolio-controls .filter {
    position: absolute;
    z-index: 2;
    right: 60px;
    bottom: 40px;
    color: #fff;
    pointer-events: visiblePainted;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.portfolio-controls .filter .rolling-block {
    margin-right: 40px;
    opacity: .5;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.portfolio-controls .filter .rolling-block:last-child {
    margin-right: 0
}

.portfolio-controls .filter .rolling-block.active {
    opacity: 1
}

.portfolio-controls .filter .rolling-block__content {
    -webkit-transition: -webkit-transform .75s ease-out 0s;
    transition: -webkit-transform .75s ease-out 0s;
    transition: transform .75s ease-out 0s;
    transition: transform .75s ease-out 0s, -webkit-transform .75s ease-out 0s
}

.portfolio-controls .filter .roll-hover-btn {
    display: block
}

.portfolio-controls .filter .roll-hover-btn__label {
    letter-spacing: 1.5px
}

.portfolio-controls .filter.hidden .rolling-block__content {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.portfolio-controls .arrow-controls {
    position: absolute;
    width: 640px;
    height: 20px;
    left: 50%;
    top: 60px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: visiblePainted
}

.portfolio-controls .arrow-controls .rolling-block {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.portfolio-controls .arrow-controls.hidden .rolling-block__content {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.portfolio-page body {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.portfolio-page .scrolling {
    overflow: auto
}

.portfolio-page .page-preloader__drop-line {
    display: none
}

.prices-page .vintage-is-all,
.prices-page .vintage-web-prod {
    z-index: 3
}

.pricing {
    padding-top: 150px
}

.evangelists {
    margin-bottom: 90px
}

.evangelists .title {
    width: 900px
}

.evangelists .text {
    width: 640px
}

.sites {
    position: relative;
    z-index: 1;
    background-color: #121212;
    color: #fff
}

.sites-list {
    position: relative;
    list-style: none
}

.sites-list__i {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #424242;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sites-list__i .info {
    width: 60%
}

.sites-list__i .info__title {
    font-family: Roboto, sans-serif;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 2px;
    margin-bottom: 30px
}

.sites-list__i .info__description {
    font-family: robotoregular, sans-serif;
    font-size: 14px;
    line-height: 24px
}

.sites-list__i .price {
    position: relative;
    z-index: 2;
    width: 30%;
    font-family: robotoregular, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    text-align: right;
    pointer-events: none;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.sites-list__i .price .num {
    font-family: Roboto, sans-serif;
    font-size: 34px;
    margin: 0 16px
}

.sites-list__i .price .txt {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px
}

.sites-list__i a.hover {
    display: block;
    z-index: 3
}

.sites-list__i .hover {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.sites-list__i .hover .rolling-block {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sites-list__i .hover .rolling-block__content {
    font-size: 20px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    cursor: pointer
}

.sites-list__i .hover .bg {
    position: absolute;
    z-index: 1;
    left: 70%;
    top: 0;
    right: 0;
    bottom: 0
}

.sites-list__i .hover .bg__color {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: opacity .35s, visibility .35s, -webkit-transform .35s;
    transition: opacity .35s, visibility .35s, -webkit-transform .35s;
    transition: opacity .35s, visibility .35s, transform .35s;
    transition: opacity .35s, visibility .35s, transform .35s, -webkit-transform .35s
}

.sites-list__i .hover .gradient {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background: #eb03f9;
    background: -webkit-linear-gradient(-90deg, #eb03f9, #02d1f6);
    background: -webkit-linear-gradient(left, #eb03f9, #02d1f6);
    background: linear-gradient(90deg, #eb03f9, #02d1f6);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sites-list__i .hover:hover .rolling-block__content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.sites-list__i .hover:hover .bg__color {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.discuss .bottom {
    position: relative;
    height: 120px
}

.discuss .bottom .content-wrap {
    position: relative;
    height: 100%
}

.discuss .bottom__menu {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%
}

.prices-page {
    position: static;
    left: auto;
    top: auto;
    height: 100%;
    overflow: auto
}

.prices-page body {
    height: 100%;
    overflow: auto;
    background-color: #fff
}

.prices-page .fixed {
    z-index: 3
}

.prices-page .pop-up_contacts {
    position: fixed;
    display: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.prices-page .menu__bottom-line {
    background-color: #121212
}

.prices-page .menu__bottom-line.inverted {
    background-color: #fff
}

.prices-page .vintage-is-all .rolling-block__content {
    fill: #121212
}

.prices-page .footer {
    padding-top: 80px;
    background-color: #fff
}

.prices-page .footer .v-lines__inner,
.prices-page .footer .v-lines__outer {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2
}

.prices-page .footer .text {
    text-align: center;
    margin-bottom: 30px
}

.prices-page .footer .text:last-of-type {
    margin-bottom: 80px
}

.prices-page .footer .discuss-wrap {
    margin: 0 auto 60px;
    width: 320px;
    height: 101px;
    overflow: hidden
}

.prices-page .footer .discuss-wrap .action-btn {
    width: 100%;
    border-top: 1px solid #121212;
    box-sizing: border-box
}

.prices-page .footer .discuss-wrap .action-btn:before {
    background-color: #121212
}

.prices-page .footer .discuss-wrap .action-btn__label {
    display: block;
    text-align: center;
    color: #121212
}

.prices-page .footer .discuss-wrap .action-btn__label:before {
    background-color: #121212
}

.prices-page .footer .discuss-wrap .action-btn__label .rolling-block-wrap:before,
.prices-page .footer .discuss-wrap .action-btn__label span:before {
    background-color: #fff
}

.prices-page .footer .discuss-wrap .action-btn__line:after,
.prices-page .footer .discuss-wrap .action-btn__line:before {
    background-color: #121212
}

.prices-page .footer .next-wrap.active:before,
.prices-page .footer .prev-wrap.active:before {
    background-color: #f6f5f5
}

.prices-page .footer .socials,
.prices-page .footer .socials-portfolio {
    color: #121212
}

.prices-page .footer .vintage-is-all .rolling-block__content {
    fill: #121212
}

.prices-page.menu-open .vintage-logo {
    color: #fff!important;
    -webkit-transition: color .35s ease-out .5s, -webkit-transform .5s;
    transition: color .35s ease-out .5s, -webkit-transform .5s;
    transition: transform .5s, color .35s ease-out .5s;
    transition: transform .5s, color .35s ease-out .5s, -webkit-transform .5s
}

.prices-page.menu-open .menu-btn {
    -webkit-transform: translateX(3px) translateZ(0);
    transform: translateX(3px) translateZ(0);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.prices-page.menu-open .menu-btn .menu-btn__line:first-child {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: c;
    animation-name: c;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.prices-page.menu-open .menu-btn .menu-btn__line:nth-child(2) {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: e;
    animation-name: e;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.prices-page.menu-open .menu-btn .menu-btn__line:nth-child(3) {
    visibility: hidden
}

.prices-page.menu-open .menu-btn .menu-btn__line__inner {
    background-color: #fff!important;
    -webkit-transition: background-color .35s ease-out .5s;
    transition: background-color .35s ease-out .5s
}

.prices-page.menu-open .langs .rolling-block__content,
.prices-page.menu-open .vintage-logo .rolling-block__content {
    color: #fff!important;
    -webkit-transition: color .35s ease-out .5s, -webkit-transform .65s;
    transition: color .35s ease-out .5s, -webkit-transform .65s;
    transition: transform .65s, color .35s ease-out .5s;
    transition: transform .65s, color .35s ease-out .5s, -webkit-transform .65s
}

.prices-page.menu-closing .langs .rolling-block__content,
.prices-page.menu-closing .vintage-logo .rolling-block__content {
    -webkit-transition: color .35s ease-out .35s, -webkit-transform .65s;
    transition: color .35s ease-out .35s, -webkit-transform .65s;
    transition: transform .65s, color .35s ease-out .35s;
    transition: transform .65s, color .35s ease-out .35s, -webkit-transform .65s
}

.prices-page.menu-closing .menu-btn .menu-btn__line:first-child {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: d;
    animation-name: d;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.prices-page.menu-closing .menu-btn .menu-btn__line:nth-child(2) {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: f;
    animation-name: f;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.prices-page.menu-closing .menu-btn .menu-btn__line:nth-child(3) {
    visibility: visible;
    -webkit-transition: visibility 1s linear .5s;
    transition: visibility 1s linear .5s
}

.prices-page.menu-closing .menu-btn .menu-btn__line__inner {
    -webkit-transition: background-color .35s ease-out .35s;
    transition: background-color .35s ease-out .35s
}

.prices-page.loaded {
    height: auto;
    overflow: auto;
    overflow-x: hidden
}

.prices-page.loaded body {
    height: auto;
    overflow: auto
}

.splash {
    position: inherit;
    z-index: 5;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    overflow: auto
}

.splash__bottom-line {
    position: absolute;
    display: none;
    left: 50%;
    bottom: 0;
    width: 1px;
    height: 50px;
    background-color: #fff
}

.screen-panel_project-header .heading {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s;
    transition: -webkit-transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s;
    transition: transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s;
    transition: transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s, -webkit-transform 2.5s cubic-bezier(.32, .32, 0, .99) 0s
}

.screen-panel_project-header .heading-text {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.screen-panel_project-header .heading-text h1 {
    color: inherit
}

.screen-panel_project-header .sub-heading {
    font-family: robotoregular, sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    width: 500px;
    margin: 0 auto;
    -webkit-transform: translate(-50%, 90px);
    transform: translate(-50%, 90px);
    -webkit-transition: opacity 1.5s, visibility 1.5s, -webkit-transform 1.5s;
    transition: opacity 1.5s, visibility 1.5s, -webkit-transform 1.5s;
    transition: transform 1.5s, opacity 1.5s, visibility 1.5s;
    transition: transform 1.5s, opacity 1.5s, visibility 1.5s, -webkit-transform 1.5s;
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

.screen-panel_project-header .shadows {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 320px;
    max-width: 320px;
    opacity: .25;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .75s, visibility .75s;
    transition: opacity .75s, visibility .75s;
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
    pointer-events: none
}

.screen-panel_project-header .bg {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    -webkit-transition: opacity 2.5s, visibility 2.5s, -webkit-transform 2.5s ease-in-out;
    transition: opacity 2.5s, visibility 2.5s, -webkit-transform 2.5s ease-in-out;
    transition: transform 2.5s ease-in-out, opacity 2.5s, visibility 2.5s;
    transition: transform 2.5s ease-in-out, opacity 2.5s, visibility 2.5s, -webkit-transform 2.5s ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.screen-panel_project-header .v-lines {
    z-index: 1;
    opacity: .5
}

.screen-panel_project-header .v-lines__inner,
.screen-panel_project-header .v-lines__outer {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.screen-panel_project-header.hidden {
    background-color: #121213
}

.screen-panel_project-header.hidden .bg {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    visibility: hidden;
    opacity: 0
}

.screen-panel_project-header.hidden .heading {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

.screen-panel_project-header.hidden .sub-heading {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, 110px);
    transform: translate(-50%, 110px)
}

.screen-panel_project-header.hidden .shadows {
    opacity: 0;
    visibility: hidden
}

.screen-panel_project-case {
    background-color: #fff
}

.screen-panel_project-case .scrolling__content {
    padding-top: 150px
}

.screen-panel_project-case .menu__bottom-line {
    background-color: #121212
}

.screen-panel_project-case .menu__bottom-line.inverted {
    background-color: #fff
}

.screen-panel_project-case .scrolling__content {
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.screen-panel_project-case.hidden .inner-content-wrap {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

.project-goals {
    margin-bottom: 120px
}

.project-goals .text {
    width: 84%
}

.project-goals .text p {
    margin-bottom: 20px
}

.project-goals .text p:last-child {
    margin-bottom: 0
}

.project-details {
    margin-bottom: 100px;
    color: #121212
}

.project-details .author-pic {
    display: block;
    position: relative;
    margin: 0 auto 50px;
    overflow: hidden;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: 50%
}

.project-details .author-signature {
    position: relative;
    padding-top: 30px;
    font-family: robotoregular, sans-serif;
    font-size: 12px;
    color: inherit;
    opacity: .5;
    text-align: center
}

.project-details .author-signature:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 30px;
    height: 1px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.project-details .author-signature.author-signature_light:before {
    background-color: #fff
}

.project-details .author-signature.author-signature_dark:before {
    background-color: #121212
}

.project-details .text,
.project-details .title {
    margin-bottom: 40px;
    color: inherit
}

.project-details .text {
    width: 66%
}

.project-details .text p {
    margin-bottom: 20px
}

.project-details .text p:last-child {
    margin-bottom: 0
}

.project-details .video {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 8px 0 40px rgba(0, 0, 0, .3)
}

.project-details .video iframe {
    display: block
}

.project-details .details {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    text-align: center
}

.project-details .details img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.project-details .details.details_fw,
.project-details .details.details_fw img {
    width: 100%!important;
    max-width: none!important
}

.project-details .details.details_fw img {
    max-height: none!important
}

.project-details.bg {
    background-position: 50%;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 80px
}

.project-details.bg_center-bottom {
    background-position: bottom
}

.project-details.dark .text,
.project-details.dark .title {
    color: #fff
}

.project-details.project-details_cite {
    padding-top: 75px
}

.project-details.project-details_cite .text {
    margin: 0 auto 30px;
    text-align: center
}

.project-details.hidden .author-pic {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.project-details.hidden .author-signature {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

.project-details.margin_x0 {
    margin-bottom: 0!important
}

.project-details.margin_x1 {
    margin-bottom: 20px!important
}

.project-details.margin_x2 {
    margin-bottom: 40px!important
}

.project-details.margin_x3 {
    margin-bottom: 60px!important
}

.project-details.margin_x4 {
    margin-bottom: 80px!important
}

.project-details.margin_x5 {
    margin-bottom: 100px!important
}

.big-number-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px
}

.big-number-title .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0
}

.big-number {
    font-family: Roboto, sans-serif;
    font-size: 320px;
    line-height: 260px;
    margin-right: 50px
}

.project-results {
    background-color: #121212;
    padding-top: 50px;
    padding-bottom: 140px;
    box-sizing: border-box
}

.project-results .v-lines__inner,
.project-results .v-lines__outer {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.project-results .title {
    width: 90%;
    color: #fff
}

.project-results .results-l {
    list-style: none;
    overflow: hidden
}

.project-results .results-l__i {
    padding: 10px 0;
    position: relative;
    min-height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #424242;
    box-sizing: border-box
}

.project-results .results-l__i:first-child {
    border-top: 1px solid #424242
}

.project-results .result-ico {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 125px;
    flex: 0 0 125px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 40px
}

.project-results .result-ico img,
.project-results .result-ico svg {
    max-width: 60px;
    max-height: 60px
}

.project-results .result-ico svg {
    fill: #fff
}

.project-results .result-title {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 140%;
    text-transform: uppercase;
    letter-spacing: 1px
}

.project-results .controls,
.project-results .result-title {
    position: relative;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.project-results .controls {
    height: 130px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.project-results .controls.hidden .rolling-block__content {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.project-results .controls.hidden .arrow-controls__left,
.project-results .controls.hidden .arrow-controls__right {
    left: 40px;
    opacity: 0
}

.project-results .arrow-controls {
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.project-results .arrow-controls__left {
    left: 0;
    -webkit-transform: scaleX(-1) translateX(-100%);
    transform: scaleX(-1) translateX(-100%);
    -webkit-transition: left .35s, opacity .35s, width .35s;
    transition: left .35s, opacity .35s, width .35s
}

.project-results .arrow-controls__right {
    left: auto;
    right: 0;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: right .35s, opacity .35s, width .35s;
    transition: right .35s, opacity .35s, width .35s
}

.project-results .discuss-wrap {
    width: 320px;
    height: 102px;
    text-align: center;
    margin: 0 auto 60px;
    overflow-x: hidden
}

.project-results .discuss-btn {
    width: 320px;
    border-top: 1px solid #424242
}

.project-case-page {
    overflow: hidden
}

.project-case-page body {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.project-case-page .scrolling {
    width: 100%;
    overflow-x: hidden
}

.project-case-page .pop-up_contacts {
    position: fixed;
    display: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.project-case-page .scroll-down__lines:after,
.project-case-page .scroll-down__lines:before {
    display: none
}

.contacts-page {
    position: static;
    left: auto;
    top: auto
}

.contacts-page,
.contacts-page body {
    height: 100%;
    overflow: hidden
}

.contacts-page .v-lines {
    position: fixed;
    top: 0;
    bottom: 0;
    height: auto
}

.contacts-page .v-lines__inner,
.contacts-page .v-lines__outer {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.contacts-page .pop-up_contacts {
    position: fixed;
    display: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.contacts-page .page-preloader__drop-line {
    display: none
}

.contacts-page .screen-panel_contacts {
    position: relative;
    overflow: visible
}

.contacts-page .screen-panel_contacts .v-lines {
    -webkit-transition: height 1s;
    transition: height 1s
}

.contacts-page .screen-panel_contacts.hidden {
    visibility: hidden
}

.contacts-page .screen-panel_contacts.hidden .v-lines {
    height: 0
}

.contacts-page .contacts {
    z-index: 2;
    background: 0 0
}

.contacts-page.menu-open .vintage-logo {
    color: #fff!important;
    -webkit-transition: color .35s ease-out .5s, -webkit-transform .5s;
    transition: color .35s ease-out .5s, -webkit-transform .5s;
    transition: transform .5s, color .35s ease-out .5s;
    transition: transform .5s, color .35s ease-out .5s, -webkit-transform .5s
}

.contacts-page.menu-open .menu-btn {
    -webkit-transform: translateX(3px) translateZ(0);
    transform: translateX(3px) translateZ(0);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.contacts-page.menu-open .menu-btn .menu-btn__line:first-child {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: c;
    animation-name: c;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.contacts-page.menu-open .menu-btn .menu-btn__line:nth-child(2) {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: e;
    animation-name: e;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.contacts-page.menu-open .menu-btn .menu-btn__line:nth-child(3) {
    visibility: hidden
}

.contacts-page.menu-open .menu-btn .menu-btn__line__inner {
    background-color: #fff!important;
    -webkit-transition: background-color .35s ease-out .5s;
    transition: background-color .35s ease-out .5s
}

.contacts-page.menu-open .langs .rolling-block__content,
.contacts-page.menu-open .vintage-logo .rolling-block__content {
    color: #fff!important;
    -webkit-transition: color .35s ease-out .5s, -webkit-transform .65s;
    transition: color .35s ease-out .5s, -webkit-transform .65s;
    transition: transform .65s, color .35s ease-out .5s;
    transition: transform .65s, color .35s ease-out .5s, -webkit-transform .65s
}

.contacts-page.menu-closing .langs .rolling-block__content,
.contacts-page.menu-closing .vintage-logo .rolling-block__content {
    -webkit-transition: color .35s ease-out .35s, -webkit-transform .65s;
    transition: color .35s ease-out .35s, -webkit-transform .65s;
    transition: transform .65s, color .35s ease-out .35s;
    transition: transform .65s, color .35s ease-out .35s, -webkit-transform .65s
}

.contacts-page.menu-closing .menu-btn .menu-btn__line:first-child {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: d;
    animation-name: d;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.contacts-page.menu-closing .menu-btn .menu-btn__line:nth-child(2) {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: f;
    animation-name: f;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.contacts-page.menu-closing .menu-btn .menu-btn__line:nth-child(3) {
    visibility: visible;
    -webkit-transition: visibility 1s linear .5s;
    transition: visibility 1s linear .5s
}

.contacts-page.menu-closing .menu-btn .menu-btn__line__inner {
    -webkit-transition: background-color .35s ease-out .35s;
    transition: background-color .35s ease-out .35s
}

.contacts-page.loaded {
    height: auto;
    overflow: auto;
    overflow-x: hidden
}

.contacts-page.loaded body {
    height: auto;
    overflow: auto
}

.error-page {
    position: static;
    left: auto;
    top: auto;
    height: 100%;
    overflow: hidden
}

.error-page body {
    background-color: #262626;
    height: 100%;
    overflow: hidden
}

.error-page .page-preloader__drop-line,
.error-page .vintage-web-prod {
    display: none
}

.error-page .screen-panel_error .v-lines {
    -webkit-transition: height 1s;
    transition: height 1s
}

.error-page .screen-panel_error.hidden {
    visibility: hidden
}

.error-page .screen-panel_error.hidden .v-lines {
    height: 0
}

.error-page .inner-section.error {
    height: 100%
}

.error-page .inner-section.error .v-lines {
    z-index: 2
}

.error-page .inner-section.error .v-lines__inner,
.error-page .inner-section.error .v-lines__outer {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.error-page .inner-section.error .shadows {
    position: absolute;
    z-index: 2;
    width: 320px;
    height: 100%;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none
}

.error-page .inner-section.error .inner-content-wrap {
    height: 100%
}

.error-page .inner-section.error.hidden .error-code,
.error-page .inner-section.error.hidden .shadows {
    opacity: 0
}

.error-page .inner-section.error.hidden .error-subline {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.error-page .inner-section.error.hidden .deep {
    opacity: 0
}

.error-page .error-message {
    position: absolute;
    z-index: 1;
    width: 280px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right
}

.error-page .error-message .rolling-block {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    vertical-align: top
}

.error-page .error-message .rolling-block .rolling-block__content {
    height: 20px;
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.error-page .error-message .rolling-block .rolling-block__content span {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top
}

.error-page .error-message .rolling-block .roll-hover-btn {
    color: #fe33aa
}

.error-page .error-code {
    position: relative;
    left: 100%;
    display: block;
    width: 275px;
    margin-bottom: 50px
}

.error-page .error-subline {
    width: 100px;
    height: 1px;
    margin-bottom: 30px;
    background-color: #fff;
    position: relative;
    left: 100%;
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.error-page .deep {
    position: absolute;
    z-index: 0;
    left: 70%;
    top: 50%;
    width: 441px;
    height: 608px;
    -webkit-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%)!important
}

.error-page .deep canvas {
    width: 100%;
    height: 100%
}

.error-page.menu-open .vintage-logo {
    color: #fff!important;
    -webkit-transition: color .35s ease-out .5s, -webkit-transform .5s;
    transition: color .35s ease-out .5s, -webkit-transform .5s;
    transition: transform .5s, color .35s ease-out .5s;
    transition: transform .5s, color .35s ease-out .5s, -webkit-transform .5s
}

.error-page.menu-open .menu-btn {
    -webkit-transform: translateX(3px) translateZ(0);
    transform: translateX(3px) translateZ(0);
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.error-page.menu-open .menu-btn .menu-btn__line:first-child {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: c;
    animation-name: c;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.error-page.menu-open .menu-btn .menu-btn__line:nth-child(2) {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: e;
    animation-name: e;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.error-page.menu-open .menu-btn .menu-btn__line:nth-child(3) {
    visibility: hidden
}

.error-page.menu-open .menu-btn .menu-btn__line__inner {
    background-color: #fff!important;
    -webkit-transition: background-color .35s ease-out .5s;
    transition: background-color .35s ease-out .5s
}

.error-page.menu-open .langs .rolling-block__content,
.error-page.menu-open .vintage-logo .rolling-block__content {
    color: #fff!important;
    -webkit-transition: color .35s ease-out .5s, -webkit-transform .65s;
    transition: color .35s ease-out .5s, -webkit-transform .65s;
    transition: transform .65s, color .35s ease-out .5s;
    transition: transform .65s, color .35s ease-out .5s, -webkit-transform .65s
}

.error-page.menu-closing .langs .rolling-block__content,
.error-page.menu-closing .vintage-logo .rolling-block__content {
    -webkit-transition: color .35s ease-out .35s, -webkit-transform .65s;
    transition: color .35s ease-out .35s, -webkit-transform .65s;
    transition: transform .65s, color .35s ease-out .35s;
    transition: transform .65s, color .35s ease-out .35s, -webkit-transform .65s
}

.error-page.menu-closing .menu-btn .menu-btn__line:first-child {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: d;
    animation-name: d;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.error-page.menu-closing .menu-btn .menu-btn__line:nth-child(2) {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: f;
    animation-name: f;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.error-page.menu-closing .menu-btn .menu-btn__line:nth-child(3) {
    visibility: visible;
    -webkit-transition: visibility 1s linear .5s;
    transition: visibility 1s linear .5s
}

.error-page.menu-closing .menu-btn .menu-btn__line__inner {
    -webkit-transition: background-color .35s ease-out .35s;
    transition: background-color .35s ease-out .35s
}

.error-page.loaded {
    height: auto;
    overflow: hidden
}

.error-page.loaded body {
    height: auto;
    overflow: auto
}

@media only screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:834px) and (max-width:834px),
screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:1112px) and (max-width:1112px),
screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1024px) and (max-width:1024px),
screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1366px) and (max-width:1366px) {
    body,
    html {
        height: 100%;
        min-height: 0;
        overflow: hidden
    }
    html.loaded .screen-panel.hidden {
        -webkit-transition: none;
        transition: none
    }
    .screen-panel {
        -webkit-transition: -webkit-transform .65s ease-in-out;
        transition: -webkit-transform .65s ease-in-out;
        transition: transform .65s ease-in-out;
        transition: transform .65s ease-in-out, -webkit-transform .65s ease-in-out
    }
    .inner-section .pre-title__label span,
    .inner-section .pre-title__line {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s
    }
    .inner-section .pre-title__line {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    .inner-section .title:first-child .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }
    .inner-section .title:nth-child(2) .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }
    .inner-section .title:nth-child(3) .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .45s;
        transition-delay: .45s
    }
    .inner-section .title:nth-child(4) .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .6s;
        transition-delay: .6s
    }
    .inner-section .title:nth-child(5) .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .75s;
        transition-delay: .75s
    }
    .inner-section .title:nth-child(6) .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .9s;
        transition-delay: .9s
    }
    .inner-section .title:nth-child(7) .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: 1.05s;
        transition-delay: 1.05s
    }
    .inner-section .text {
        -webkit-transition: opacity .75s, -webkit-transform .75s;
        transition: opacity .75s, -webkit-transform .75s;
        transition: transform .75s, opacity .75s;
        transition: transform .75s, opacity .75s, -webkit-transform .75s;
        -webkit-transition-delay: .85s;
        transition-delay: .85s
    }
    .inner-section .glitch__slide__svg-wrap {
        -webkit-transition: -webkit-transform .5s ease-out .5s;
        transition: -webkit-transform .5s ease-out .5s;
        transition: transform .5s ease-out .5s;
        transition: transform .5s ease-out .5s, -webkit-transform .5s ease-out .5s;
        color: red
    }
    .inner-section.hidden .pre-title__label span {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: none;
        transition: none
    }
    .inner-section.hidden .pre-title__line {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: none;
        transition: none
    }
    .inner-section.hidden .title .rolling-block__content {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: none;
        transition: none
    }
    .inner-section.hidden .text {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    .inner-section.hidden .animated-columns li {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        color: #fff
    }
    .inner-section.hidden .animated-columns li .dash {
        opacity: 0!important
    }
    .inner-section.hidden .glitch__slide__svg-wrap {
        -webkit-transition: none;
        transition: none
    }
    .inner-section.hidden .slide-in {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    .animated-columns li:first-child {
        -webkit-transition: color .35s linear .4s, -webkit-transform .35s linear .4s;
        transition: color .35s linear .4s, -webkit-transform .35s linear .4s;
        transition: color .35s linear .4s, transform .35s linear .4s;
        transition: color .35s linear .4s, transform .35s linear .4s, -webkit-transform .35s linear .4s
    }
    .animated-columns li:first-child .dash {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .5s ease-out .65s, -webkit-transform .25s ease-out .15s;
        transition: opacity .5s ease-out .65s, -webkit-transform .25s ease-out .15s;
        transition: opacity .5s ease-out .65s, transform .25s ease-out .15s;
        transition: opacity .5s ease-out .65s, transform .25s ease-out .15s, -webkit-transform .25s ease-out .15s
    }
    .animated-columns li:nth-child(2) {
        -webkit-transition: color .35s linear .86s, -webkit-transform .35s linear .86s;
        transition: color .35s linear .86s, -webkit-transform .35s linear .86s;
        transition: color .35s linear .86s, transform .35s linear .86s;
        transition: color .35s linear .86s, transform .35s linear .86s, -webkit-transform .35s linear .86s
    }
    .animated-columns li:nth-child(2) .dash {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .5s ease-out .86s, -webkit-transform .5s ease-out .36s;
        transition: opacity .5s ease-out .86s, -webkit-transform .5s ease-out .36s;
        transition: opacity .5s ease-out .86s, transform .5s ease-out .36s;
        transition: opacity .5s ease-out .86s, transform .5s ease-out .36s, -webkit-transform .5s ease-out .36s
    }
    .animated-columns li:nth-child(3) {
        -webkit-transition: color .35s linear 1.32s, -webkit-transform .35s linear 1.32s;
        transition: color .35s linear 1.32s, -webkit-transform .35s linear 1.32s;
        transition: color .35s linear 1.32s, transform .35s linear 1.32s;
        transition: color .35s linear 1.32s, transform .35s linear 1.32s, -webkit-transform .35s linear 1.32s
    }
    .animated-columns li:nth-child(3) .dash {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .5s ease-out 1.07s, -webkit-transform .75s ease-out .57s;
        transition: opacity .5s ease-out 1.07s, -webkit-transform .75s ease-out .57s;
        transition: opacity .5s ease-out 1.07s, transform .75s ease-out .57s;
        transition: opacity .5s ease-out 1.07s, transform .75s ease-out .57s, -webkit-transform .75s ease-out .57s
    }
    .header {
        position: absolute;
        left: 0;
        top: 0;
        height: 100vh;
        width: 100%
    }
    .header .heading-text {
        position: absolute;
        left: 50%;
        top: 50%;
        right: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: auto;
        opacity: 0;
        -webkit-transition: opacity 3.5s ease-out 1s;
        transition: opacity 3.5s ease-out 1s
    }
    .header .heading-text h1 {
        display: block;
        font-size: 115px
    }
    .header .shadows {
        opacity: 0;
        -webkit-transition: opacity 1s .5s;
        transition: opacity 1s .5s
    }
    .header.minified {
        -webkit-transition: height 1s ease-in-out;
        transition: height 1s ease-in-out;
        height: 440px
    }
    .header.minified .heading-text,
    .header.minified .shadows {
        opacity: 1
    }
    .header.minified .header__bg {
        height: 100%
    }
    .header.minified .scroll-down {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    .pages-list {
        left: 50%;
        -webkit-transform: translate(-180px, -50%);
        transform: translate(-180px, -50%)
    }
    .title .rolling-block__content {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    .action-btn:hover .action-btn__label {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .action-btn:hover .action-btn__label span:before {
        visibility: hidden
    }
    .action-btn:hover .action-btn__line:after,
    .action-btn:hover .action-btn__line:before {
        top: 0
    }
    .close-btn {
        top: 40px;
        right: 60px;
        width: 40px;
        height: 40px;
        z-index: 10;
        pointer-events: visiblePainted
    }
    .close-btn .line {
        background-color: #fff
    }
    .dots {
        display: none
    }
    .slide-in {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
        -webkit-transition-delay: .85s;
        transition-delay: .85s;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .next-wrap,
    .prev-wrap {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .grid-list__i .ico {
        -webkit-transform: none;
        transform: none;
        -webkit-transition: -webkit-transform .95s;
        transition: -webkit-transform .95s;
        transition: transform .95s;
        transition: transform .95s, -webkit-transform .95s
    }
}

@media only screen and (min-width:1024px) and (max-width:1024px) {
    body,
    html {
        height: 100%;
        min-height: 0;
        overflow: hidden
    }
    html.loaded .screen-panel.hidden {
        -webkit-transition: none;
        transition: none
    }
    .content-wrap {
        min-width: 0;
        max-width: none
    }
    .screen-panel {
        -webkit-transition: -webkit-transform .65s ease-in-out;
        transition: -webkit-transform .65s ease-in-out;
        transition: transform .65s ease-in-out;
        transition: transform .65s ease-in-out, -webkit-transform .65s ease-in-out
    }
    .inner-content-wrap {
        padding-left: 60px;
        padding-right: 60px;
        max-width: none
    }
    .inner-section .pre-title__label span,
    .inner-section .pre-title__line {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s
    }
    .inner-section .pre-title__line {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    .inner-section .title:first-child .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }
    .inner-section .title:nth-child(2) .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }
    .inner-section .title:nth-child(3) .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .45s;
        transition-delay: .45s
    }
    .inner-section .title:nth-child(4) .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .6s;
        transition-delay: .6s
    }
    .inner-section .title:nth-child(5) .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .75s;
        transition-delay: .75s
    }
    .inner-section .title:nth-child(6) .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .9s;
        transition-delay: .9s
    }
    .inner-section .title:nth-child(7) .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: 1.05s;
        transition-delay: 1.05s
    }
    .inner-section .text {
        -webkit-transition: opacity .75s, -webkit-transform .75s;
        transition: opacity .75s, -webkit-transform .75s;
        transition: transform .75s, opacity .75s;
        transition: transform .75s, opacity .75s, -webkit-transform .75s;
        -webkit-transition-delay: .85s;
        transition-delay: .85s
    }
    .inner-section .glitch__slide__svg-wrap {
        -webkit-transition: -webkit-transform .5s ease-out .5s;
        transition: -webkit-transform .5s ease-out .5s;
        transition: transform .5s ease-out .5s;
        transition: transform .5s ease-out .5s, -webkit-transform .5s ease-out .5s;
        color: red
    }
    .inner-section.hidden .pre-title__label span {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: none;
        transition: none
    }
    .inner-section.hidden .pre-title__line {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: none;
        transition: none
    }
    .inner-section.hidden .title .rolling-block__content {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: none;
        transition: none
    }
    .inner-section.hidden .text {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    .inner-section.hidden .animated-columns li {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        color: #fff
    }
    .inner-section.hidden .animated-columns li .dash {
        opacity: 0!important
    }
    .inner-section.hidden .glitch__slide__svg-wrap {
        -webkit-transition: none;
        transition: none
    }
    .inner-section.hidden .slide-in {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    .animated-columns li:first-child {
        -webkit-transition: color .35s linear .4s, -webkit-transform .35s linear .4s;
        transition: color .35s linear .4s, -webkit-transform .35s linear .4s;
        transition: color .35s linear .4s, transform .35s linear .4s;
        transition: color .35s linear .4s, transform .35s linear .4s, -webkit-transform .35s linear .4s
    }
    .animated-columns li:first-child .dash {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .5s ease-out .65s, -webkit-transform .25s ease-out .15s;
        transition: opacity .5s ease-out .65s, -webkit-transform .25s ease-out .15s;
        transition: opacity .5s ease-out .65s, transform .25s ease-out .15s;
        transition: opacity .5s ease-out .65s, transform .25s ease-out .15s, -webkit-transform .25s ease-out .15s
    }
    .animated-columns li:nth-child(2) {
        -webkit-transition: color .35s linear .86s, -webkit-transform .35s linear .86s;
        transition: color .35s linear .86s, -webkit-transform .35s linear .86s;
        transition: color .35s linear .86s, transform .35s linear .86s;
        transition: color .35s linear .86s, transform .35s linear .86s, -webkit-transform .35s linear .86s
    }
    .animated-columns li:nth-child(2) .dash {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .5s ease-out .86s, -webkit-transform .5s ease-out .36s;
        transition: opacity .5s ease-out .86s, -webkit-transform .5s ease-out .36s;
        transition: opacity .5s ease-out .86s, transform .5s ease-out .36s;
        transition: opacity .5s ease-out .86s, transform .5s ease-out .36s, -webkit-transform .5s ease-out .36s
    }
    .animated-columns li:nth-child(3) {
        -webkit-transition: color .35s linear 1.32s, -webkit-transform .35s linear 1.32s;
        transition: color .35s linear 1.32s, -webkit-transform .35s linear 1.32s;
        transition: color .35s linear 1.32s, transform .35s linear 1.32s;
        transition: color .35s linear 1.32s, transform .35s linear 1.32s, -webkit-transform .35s linear 1.32s
    }
    .animated-columns li:nth-child(3) .dash {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .5s ease-out 1.07s, -webkit-transform .75s ease-out .57s;
        transition: opacity .5s ease-out 1.07s, -webkit-transform .75s ease-out .57s;
        transition: opacity .5s ease-out 1.07s, transform .75s ease-out .57s;
        transition: opacity .5s ease-out 1.07s, transform .75s ease-out .57s, -webkit-transform .75s ease-out .57s
    }
    .header {
        position: absolute;
        left: 0;
        top: 0;
        height: 100vh;
        width: 100%
    }
    .header .heading-text {
        position: absolute;
        left: 50%;
        top: 50%;
        right: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: auto;
        opacity: 0;
        -webkit-transition: opacity 3.5s ease-out 1s;
        transition: opacity 3.5s ease-out 1s
    }
    .header .heading-text h1 {
        display: block;
        font-size: 115px
    }
    .header .shadows {
        opacity: 0;
        -webkit-transition: opacity 1s .5s;
        transition: opacity 1s .5s
    }
    .header.minified {
        -webkit-transition: height 1s ease-in-out;
        transition: height 1s ease-in-out;
        height: 440px
    }
    .header.minified .heading-text,
    .header.minified .shadows {
        opacity: 1
    }
    .header.minified .header__bg {
        height: 100%
    }
    .header.minified .scroll-down {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    .header__bg .shadows {
        width: 34%
    }
    .vintage-logo {
        left: 60px;
        top: 40px
    }
    .vintage-web-prod {
        left: 60px;
        bottom: 40px
    }
    .menu-btn {
        right: 60px;
        top: 40px
    }
    .menu__bottom-line {
        left: 60px;
        right: 60px
    }
    .langs {
        right: 60px;
        top: 75px
    }
    .portfolio-btn-block {
        right: 60px;
        bottom: 40px
    }
    .vintage-is-all {
        left: 60px;
        bottom: 40px
    }
    .socials {
        right: 60px;
        bottom: 40px
    }
    .v-lines {
        width: auto;
        left: 60px;
        right: 60px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    .v-lines__inner {
        width: 34%
    }
    .v-lines__outer {
        width: 100%
    }
    .pages-list {
        left: 50%;
        -webkit-transform: translate(-175px, -50%);
        transform: translate(-175px, -50%)
    }
    .pre-title {
        padding-left: 100px
    }
    .pre-title__line {
        left: 0
    }
    .title .rolling-block__content {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    .action-btn:hover .action-btn__label {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .action-btn:hover .action-btn__label span:before {
        visibility: hidden
    }
    .action-btn:hover .action-btn__line:after,
    .action-btn:hover .action-btn__line:before {
        top: 0
    }
    .close-btn {
        top: 40px;
        right: 60px;
        width: 40px;
        height: 40px;
        z-index: 10;
        pointer-events: visiblePainted
    }
    .close-btn .line {
        background-color: #fff
    }
    .dots {
        display: none
    }
    .slide-in {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
        -webkit-transition-delay: .85s;
        transition-delay: .85s;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .next-wrap,
    .prev-wrap {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .no-flex .grid-list {
        display: block
    }
    .grid-list__i .ico {
        -webkit-transform: none;
        transform: none;
        -webkit-transition: -webkit-transform .95s;
        transition: -webkit-transform .95s;
        transition: transform .95s;
        transition: transform .95s, -webkit-transform .95s
    }
    .grid-list__i .ico img,
    .grid-list__i .ico svg {
        max-width: 80px
    }
    .no-flex .grid-list__i {
        float: left
    }
    .fixed .socials-portfolio {
        right: 60px
    }
    .fixed .socials-portfolio .portfolio {
        display: none
    }
    .fixed .socials-portfolio .behance {
        margin-right: 0
    }
    .fixed .vintage-web-prod {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    body,
    html {
        height: 100%;
        min-height: 0
    }
    html.loaded .screen-panel.hidden {
        -webkit-transition: none;
        transition: none
    }
    .content-wrap {
        min-width: 0;
        max-width: none
    }
    .screen-panel {
        -webkit-transition: -webkit-transform .65s ease-in-out;
        transition: -webkit-transform .65s ease-in-out;
        transition: transform .65s ease-in-out;
        transition: transform .65s ease-in-out, -webkit-transform .65s ease-in-out
    }
    .inner-content-wrap {
        padding-left: 30px;
        padding-right: 30px
    }
    .inner-section .pre-title__label span,
    .inner-section .pre-title__line {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s
    }
    .inner-section .pre-title__line {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    .inner-section .title:first-child .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }
    .inner-section .title:nth-child(2) .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }
    .inner-section .title:nth-child(3) .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .45s;
        transition-delay: .45s
    }
    .inner-section .title:nth-child(4) .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .6s;
        transition-delay: .6s
    }
    .inner-section .title:nth-child(5) .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .75s;
        transition-delay: .75s
    }
    .inner-section .title:nth-child(6) .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .9s;
        transition-delay: .9s
    }
    .inner-section .title:nth-child(7) .rolling-block__content {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: 1.05s;
        transition-delay: 1.05s
    }
    .inner-section .text {
        -webkit-transition: opacity .75s, -webkit-transform .75s;
        transition: opacity .75s, -webkit-transform .75s;
        transition: transform .75s, opacity .75s;
        transition: transform .75s, opacity .75s, -webkit-transform .75s;
        -webkit-transition-delay: .85s;
        transition-delay: .85s
    }
    .inner-section .glitch__slide__svg-wrap {
        -webkit-transition: -webkit-transform .5s ease-out .5s;
        transition: -webkit-transform .5s ease-out .5s;
        transition: transform .5s ease-out .5s;
        transition: transform .5s ease-out .5s, -webkit-transform .5s ease-out .5s;
        color: red
    }
    .inner-section.hidden .pre-title__label span {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: none;
        transition: none
    }
    .inner-section.hidden .pre-title__line {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: none;
        transition: none
    }
    .inner-section.hidden .title .rolling-block__content {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: none;
        transition: none
    }
    .inner-section.hidden .text {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        font-size: 40px
    }
    .inner-section.hidden .animated-columns li {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        color: #121212
    }
    .inner-section.hidden .animated-columns li .dash {
        opacity: 0!important
    }
    .inner-section.hidden .glitch__slide__svg-wrap {
        -webkit-transition: none;
        transition: none
    }
    .inner-section.hidden .slide-in {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    .animated-columns li:first-child {
        -webkit-transition: color .35s linear .4s, -webkit-transform .35s linear .4s;
        transition: color .35s linear .4s, -webkit-transform .35s linear .4s;
        transition: color .35s linear .4s, transform .35s linear .4s;
        transition: color .35s linear .4s, transform .35s linear .4s, -webkit-transform .35s linear .4s
    }
    .animated-columns li:first-child .dash {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .5s ease-out .65s, -webkit-transform .25s ease-out .15s;
        transition: opacity .5s ease-out .65s, -webkit-transform .25s ease-out .15s;
        transition: opacity .5s ease-out .65s, transform .25s ease-out .15s;
        transition: opacity .5s ease-out .65s, transform .25s ease-out .15s, -webkit-transform .25s ease-out .15s
    }
    .animated-columns li:nth-child(2) {
        -webkit-transition: color .35s linear .86s, -webkit-transform .35s linear .86s;
        transition: color .35s linear .86s, -webkit-transform .35s linear .86s;
        transition: color .35s linear .86s, transform .35s linear .86s;
        transition: color .35s linear .86s, transform .35s linear .86s, -webkit-transform .35s linear .86s
    }
    .animated-columns li:nth-child(2) .dash {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .5s ease-out .86s, -webkit-transform .5s ease-out .36s;
        transition: opacity .5s ease-out .86s, -webkit-transform .5s ease-out .36s;
        transition: opacity .5s ease-out .86s, transform .5s ease-out .36s;
        transition: opacity .5s ease-out .86s, transform .5s ease-out .36s, -webkit-transform .5s ease-out .36s
    }
    .animated-columns li:nth-child(3) {
        -webkit-transition: color .35s linear 1.32s, -webkit-transform .35s linear 1.32s;
        transition: color .35s linear 1.32s, -webkit-transform .35s linear 1.32s;
        transition: color .35s linear 1.32s, transform .35s linear 1.32s;
        transition: color .35s linear 1.32s, transform .35s linear 1.32s, -webkit-transform .35s linear 1.32s
    }
    .animated-columns li:nth-child(3) .dash {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .5s ease-out 1.07s, -webkit-transform .75s ease-out .57s;
        transition: opacity .5s ease-out 1.07s, -webkit-transform .75s ease-out .57s;
        transition: opacity .5s ease-out 1.07s, transform .75s ease-out .57s;
        transition: opacity .5s ease-out 1.07s, transform .75s ease-out .57s, -webkit-transform .75s ease-out .57s
    }
    .header {
        position: absolute;
        left: 0;
        top: 0;
        height: 100vh;
        width: 100%
    }
    .header .heading-text {
        position: absolute;
        left: 50%;
        top: 50%;
        right: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: auto
    }
    .header .heading-text h1 {
        display: block;
        font-size: 115px
    }
    .header .shadows {
        opacity: 0;
        -webkit-transition: opacity 1s .5s;
        transition: opacity 1s .5s
    }
    .header.minified {
        -webkit-transition: height 1s ease-in-out;
        transition: height 1s ease-in-out;
        height: 440px
    }
    .header.minified .heading-text,
    .header.minified .shadows {
        opacity: 1
    }
    .header.minified .header__bg {
        height: 100%
    }
    .header.minified .scroll-down {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    .header__bg .shadows {
        width: 34%
    }
    .vintage-logo {
        left: 30px;
        top: 40px
    }
    .vintage-web-prod {
        left: 30px;
        bottom: 40px
    }
    .menu-block .menu-btn-label {
        right: 80px
    }
    .menu-btn {
        right: 30px;
        top: 40px
    }
    .menu__bottom-line {
        left: 30px;
        right: 30px
    }
    .langs {
        right: 30px;
        top: 75px
    }
    .portfolio-btn-block {
        right: 30px;
        bottom: 40px
    }
    .vintage-is-all {
        left: 30px;
        bottom: 40px
    }
    .socials {
        bottom: 40px
    }
    .socials,
    .socials-portfolio,
    .v-lines {
        right: 30px
    }
    .v-lines {
        width: auto;
        left: 30px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: none;
        transition: none
    }
    .v-lines__inner {
        width: 34%
    }
    .v-lines__outer {
        width: 100%
    }
    .pages-list {
        left: 50%;
        -webkit-transform: translate(-142px, -50%);
        transform: translate(-142px, -50%)
    }
    .pre-title {
        padding-left: 100px
    }
    .pre-title__line {
        left: 0
    }
    .title .rolling-block__content {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    .action-btn:hover .action-btn__label {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .action-btn:hover .action-btn__label span:before {
        visibility: hidden
    }
    .action-btn:hover .action-btn__line:after,
    .action-btn:hover .action-btn__line:before {
        top: 0
    }
    .close-btn {
        top: 40px;
        right: 20px;
        width: 40px;
        height: 40px;
        z-index: 10;
        pointer-events: visiblePainted
    }
    .close-btn .line {
        background-color: #fff
    }
    .dots {
        display: none
    }
    .slide-in {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
        -webkit-transition-delay: .85s;
        transition-delay: .85s;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .next-wrap,
    .prev-wrap {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .no-flex .grid-list {
        display: block
    }
    .grid-list__i .ico {
        -webkit-transform: none;
        transform: none;
        -webkit-transition: -webkit-transform .95s;
        transition: -webkit-transform .95s;
        transition: transform .95s;
        transition: transform .95s, -webkit-transform .95s
    }
    .grid-list__i .ico img,
    .grid-list__i .ico svg {
        max-width: 80px
    }
    .no-flex .grid-list__i {
        float: left
    }
    .fixed .socials-portfolio {
        right: 30px
    }
    .fixed .socials-portfolio .portfolio {
        display: none
    }
    .fixed .socials-portfolio .behance {
        margin-right: 0
    }
    .fixed .vintage-web-prod {
        display: none
    }
}

@media only screen and (max-device-width:767px) {
    body,
    html {
        height: 100%;
        min-height: 0
    }
    html.loaded .screen-panel.hidden {
        -webkit-transition: none;
        transition: none
    }
    .menu-block .menu-btn-label {
        right: 50px
    }
    .menu-block .menu-btn-label .label {
        display: none
    }
    .menu-btn {
        right: 20px;
        top: 40px
    }
    .menu {
        height: 100%;
        max-height: 100vh
    }
    .menu__content {
        min-height: 0
    }
    .menu__content .socials {
        left: 20px;
        bottom: 20px;
        right: auto;
        width: auto;
        display: inline-block
    }
    .menu__content .vintage-is-all {
        display: none
    }
    .pages-list {
        width: 100%;
        left: 20px;
        -webkit-transform: translateY(-45%);
        transform: translateY(-45%)
    }
    .pages-list .inner {
        padding-left: 50px
    }
    .pages-list__i {
        padding-left: 10px
    }
    .pages-list__i .line {
        left: 52px;
        width: 37px;
        -webkit-transform: translateX(-100%) scaleX(0);
        transform: translateX(-100%) scaleX(0);
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s
    }
    .pages-list__i:hover {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px)
    }
    .pages-list__i:hover .num:before {
        -webkit-transform: translateX(-3px) rotate(45deg) scale(1);
        transform: translateX(-3px) rotate(45deg) scale(1)
    }
    .pages-list__i:hover .line {
        -webkit-transform: translateX(-100%) scaleX(1);
        transform: translateX(-100%) scaleX(1)
    }
    .content-wrap {
        min-width: 0;
        max-width: none
    }
    .screen-panel {
        height: 100%;
        -webkit-transition: -webkit-transform .65s ease-in-out;
        transition: -webkit-transform .65s ease-in-out;
        transition: transform .65s ease-in-out;
        transition: transform .65s ease-in-out, -webkit-transform .65s ease-in-out
    }
    .inner-content-wrap {
        padding-left: 20px;
        padding-right: 20px
    }
    .v-lines {
        display: none
    }
    .vintage-logo {
        left: 20px!important;
        top: 40px!important
    }
    .vintage-logo .icon-vintage {
        display: none
    }
    .vintage-logo .icon-v {
        display: block!important;
        visibility: visible!important
    }
    .vintage-logo.minified .icon-v {
        -webkit-transform: translateY(0)!important;
        transform: translateY(0)!important
    }
    .vintage-web-prod {
        display: none;
        left: 20px;
        bottom: 40px
    }
    .langs {
        right: 20px;
        top: 75px
    }
    .langs .rolling-block__content {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
    .portfolio-btn-block {
        display: none;
        right: 20px;
        bottom: 40px
    }
    .vintage-is-all {
        left: 20px;
        bottom: 40px;
        pointer-events: none
    }
    .socials {
        right: 20px;
        bottom: 40px
    }
    .menu__bottom-line {
        left: 20px;
        right: 20px
    }
    .scroll-down {
        display: none
    }
    .inner-section .title {
        width: auto;
        font-size: 30px;
        margin-bottom: 70px;
        -webkit-transition: opacity .5s ease-out .35s, -webkit-transform .5s ease-out .35s;
        transition: opacity .5s ease-out .35s, -webkit-transform .5s ease-out .35s;
        transition: opacity .5s ease-out .35s, transform .5s ease-out .35s;
        transition: opacity .5s ease-out .35s, transform .5s ease-out .35s, -webkit-transform .5s ease-out .35s
    }
    .inner-section .pre-title__label {
        letter-spacing: 1px
    }
    .inner-section .pre-title__label span {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s
    }
    .inner-section .text {
        -webkit-transition: opacity .5s, -webkit-transform .5s;
        transition: opacity .5s, -webkit-transform .5s;
        transition: transform .5s, opacity .5s;
        transition: transform .5s, opacity .5s, -webkit-transform .5s;
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }
    .inner-section.hidden .pre-title__label span {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    .inner-section.hidden .pre-title__line {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    .inner-section.hidden .text {
        -webkit-transition: none;
        transition: none;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    .inner-section.hidden .animated-columns li .dash {
        opacity: 0!important
    }
    .header {
        position: absolute;
        left: 0;
        top: 0;
        height: 100vh;
        width: 100%
    }
    .header .heading-text {
        position: absolute;
        left: 50%;
        top: 20%;
        right: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: auto
    }
    .header .heading-text h1 {
        display: block;
        font-size: 7em;
        letter-spacing: 5px
    }
    .header .shadows {
        opacity: 0;
        -webkit-transition: opacity 1s .5s;
        transition: opacity 1s .5s
    }
    .header.minified {
        -webkit-transition: height 1s ease-in-out;
        transition: height 1s ease-in-out;
        height: 300px
    }
    .header.minified .heading-text,
    .header.minified .shadows {
        opacity: 1
    }
    .header.minified .header__bg {
        height: 100%
    }
    .header.minified .scroll-down {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    .animated-columns {
        display: block
    }
    .animated-columns li {
        float: none;
        position: relative;
        padding-right: 0;
        margin-bottom: 20%
    }
    .animated-columns li:first-child {
        width: auto;
        -webkit-transition: color .35s linear .4s, -webkit-transform .35s linear .4s;
        transition: color .35s linear .4s, -webkit-transform .35s linear .4s;
        transition: color .35s linear .4s, transform .35s linear .4s;
        transition: color .35s linear .4s, transform .35s linear .4s, -webkit-transform .35s linear .4s
    }
    .animated-columns li:first-child .dash {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity 0s ease-out .65s, -webkit-transform .25s ease-out .15s;
        transition: opacity 0s ease-out .65s, -webkit-transform .25s ease-out .15s;
        transition: opacity 0s ease-out .65s, transform .25s ease-out .15s;
        transition: opacity 0s ease-out .65s, transform .25s ease-out .15s, -webkit-transform .25s ease-out .15s
    }
    .animated-columns li:nth-child(2) {
        width: auto;
        -webkit-transition: color .35s linear .86s, -webkit-transform .35s linear .86s;
        transition: color .35s linear .86s, -webkit-transform .35s linear .86s;
        transition: color .35s linear .86s, transform .35s linear .86s;
        transition: color .35s linear .86s, transform .35s linear .86s, -webkit-transform .35s linear .86s
    }
    .animated-columns li:nth-child(2) .dash {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity 0s ease-out .86s, -webkit-transform .5s ease-out .36s;
        transition: opacity 0s ease-out .86s, -webkit-transform .5s ease-out .36s;
        transition: opacity 0s ease-out .86s, transform .5s ease-out .36s;
        transition: opacity 0s ease-out .86s, transform .5s ease-out .36s, -webkit-transform .5s ease-out .36s
    }
    .animated-columns li:nth-child(3) {
        width: auto;
        -webkit-transition: color .35s linear 1.32s, -webkit-transform .35s linear 1.32s;
        transition: color .35s linear 1.32s, -webkit-transform .35s linear 1.32s;
        transition: color .35s linear 1.32s, transform .35s linear 1.32s;
        transition: color .35s linear 1.32s, transform .35s linear 1.32s, -webkit-transform .35s linear 1.32s
    }
    .animated-columns li:nth-child(3) .dash {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity 0s ease-out 1.07s, -webkit-transform .75s ease-out .57s;
        transition: opacity 0s ease-out 1.07s, -webkit-transform .75s ease-out .57s;
        transition: opacity 0s ease-out 1.07s, transform .75s ease-out .57s;
        transition: opacity 0s ease-out 1.07s, transform .75s ease-out .57s, -webkit-transform .75s ease-out .57s
    }
    .screen-panel.menu-open .langs .rolling-block__content {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }
    .next-btn,
    .prev-btn {
        position: absolute;
        width: 50px;
        height: 10px;
        bottom: 0
    }
    .next-btn:before,
    .prev-btn:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 5px;
        width: 100%;
        height: 1px;
        background-color: #121212
    }
    .next-btn:after,
    .prev-btn:after {
        content: "";
        display: block;
        position: absolute;
        width: 1px;
        height: 1px;
        left: -4px;
        top: 2px;
        border: 3px solid transparent;
        border-right: 6px solid #121212
    }
    .next-btn.disabled,
    .prev-btn.disabled {
        opacity: .2
    }
    .prev-btn {
        left: 0
    }
    .next-btn {
        right: 0;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1)
    }
    .portfolio-btn-block_2 {
        display: none
    }
    .behance-btn-block {
        margin-right: 0!important
    }
    .grid-list {
        display: block;
        position: relative;
        height: unset;
        border: none;
    }
    .grid-list .client-ul {
        height: 100% !important;
    }
    .grid-list:before {
        left: 50%;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: none;
    }
    .grid-list:after,
    .grid-list:before {
        visibility: visible;
        content: "";
        display: block;
        position: absolute
    }
    .grid-list:after {
        left: 0;
        top: 50%;
        width: 100%;
        height: 140px;
        border-top: none;
        border-bottom: none;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .grid-list__i .ico {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: -webkit-transform 1.5s;
        transition: -webkit-transform 1.5s;
        transition: transform 1.5s;
        transition: transform 1.5s, -webkit-transform 1.5s
    }
    .grid-list__i .wrap:nth-child(2) .ico {
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }
    .grid-list__i .wrap:nth-child(3) .ico {
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }
    .grid-list__i .ico {
        -webkit-transform: none;
        transform: none;
        -webkit-transition: -webkit-transform .95s;
        transition: -webkit-transform .95s;
        transition: transform .95s;
        transition: transform .95s, -webkit-transform .95s
    }
    .grid-list__i .ico img,
    .grid-list__i .ico svg {
        max-width: 80px
    }
    .grid-list__list-controls {
        display: block;
        position: relative;
        height: 45px
    }
    .action-btn:hover .action-btn__label {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .action-btn:hover .action-btn__label span:before {
        visibility: hidden
    }
    .action-btn:hover .action-btn__line:after,
    .action-btn:hover .action-btn__line:before {
        top: 0
    }
    .close-btn {
        top: 40px;
        right: 20px;
        width: 40px;
        height: 40px;
        z-index: 10;
        pointer-events: visiblePainted
    }
    .close-btn .line {
        background-color: #fff
    }
    .dots {
        display: none
    }
    .footer-bottom {
        display: block
    }
    .mobile-splash {
        display: block;
        -webkit-backdrop-filter: blur(5px)
    }
    .pop-up_video video {
        height: auto;
        width: 100%
    }
    .pop-up_video .video-popup__controls {
        width: 80%
    }
    .fixed-hud.socials-portfolio {
        display: none
    }
    .mobile-only {
        display: inline-block
    }
}

@media only screen and (max-width:960px) and (min-aspect-ratio:13/9) {
    .landscape-splash {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

body {
    -webkit-tap-highlight-color: transparent;
    overflow: auto
}

@media only screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:834px) and (max-width:834px),
screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:1112px) and (max-width:1112px),
screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1024px) and (max-width:1024px),
screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1366px) and (max-width:1366px) {
    .home-page {
        position: fixed
    }
    .screen-panel_home .visuals__slider {
        display: block;
        right: 60px;
        -webkit-transition: opacity 3s, visibility 3s;
        transition: opacity 3s, visibility 3s
    }
    .screen-panel_home .visuals__slider img {
        right: 0
    }
    .screen-panel_home.hidden {
        -webkit-transform: none!important;
        transform: none!important
    }
    .contacts-actions {
        margin-left: 33%
    }
    .contacts-actions.float-right {
        margin-left: 0
    }
    .awards__list__i:first-child .description,
    .awards__list__i:first-child .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s;
        transition: -webkit-transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s;
        transition: transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s;
        transition: transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s, -webkit-transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s
    }
    .awards__list__i:nth-child(2) .description,
    .awards__list__i:nth-child(2) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms;
        transition: -webkit-transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms;
        transition: transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms;
        transition: transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms, -webkit-transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms
    }
    .awards__list__i:nth-child(3) .description,
    .awards__list__i:nth-child(3) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s;
        transition: -webkit-transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s;
        transition: transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s;
        transition: transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s, -webkit-transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s
    }
    .awards__list__i:nth-child(4) .description,
    .awards__list__i:nth-child(4) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s;
        transition: -webkit-transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s;
        transition: transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s;
        transition: transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s, -webkit-transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s
    }
    .awards__list__i:nth-child(5) .description,
    .awards__list__i:nth-child(5) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s;
        transition: -webkit-transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s;
        transition: transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s;
        transition: transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s, -webkit-transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s
    }
    .awards__list__i:nth-child(6) .description,
    .awards__list__i:nth-child(6) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s;
        transition: -webkit-transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s;
        transition: transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s;
        transition: transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s, -webkit-transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s
    }
    .business .dots {
        left: -5px;
        top: 5px
    }
    .business .dots,
    .business .pre-title__line {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
    .business .pre-title__lable {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
    .awards .dots {
        left: -5px
    }
    .awards .dots,
    .awards .pre-title__line {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
    .awards .pre-title__lable {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
    .maniacs .dots {
        left: -5px
    }
    .maniacs .dots,
    .maniacs .pre-title__line {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
    .maniacs .pre-title__lable {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
    .maniacs .text .perfect {
        color: inherit!important;
        -webkit-transition: none;
        transition: none
    }
    .two-ways .effectiveness-creativity {
        -webkit-transition: opacity .5s, visibility .5s;
        transition: opacity .5s, visibility .5s
    }
    .two-ways.hidden .effectiveness-creativity {
        opacity: 0;
        visibility: hidden
    }
    .effectiveness-creativity .shadows {
        position: absolute;
        -webkit-transition: opacity .5s;
        transition: opacity .5s
    }
    .effectiveness-creativity .effectiveness__animation {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-10px) translateY(10px) scale(1);
        transform: translateX(-10px) translateY(10px) scale(1)
    }
    .effectiveness-creativity .creativity__animation {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: translateX(20px) scale(1);
        transform: translateX(20px) scale(1)
    }
    .contacts .socials-portfolio {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    .mail-pnone .rolling-block__content {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }
    .action-btns .action-btn {
        -webkit-transition: -webkit-transform .5s ease-out .5s;
        transition: -webkit-transform .5s ease-out .5s;
        transition: transform .5s ease-out .5s;
        transition: transform .5s ease-out .5s, -webkit-transform .5s ease-out .5s
    }
}

@media only screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:1112px) and (max-width:1112px) {
    .two-ways .inner-content-wrap {
        max-width: 960px
    }
    .screen-panel_home .web-production {
        left: 60px;
        -webkit-transform: translate(-25px, -150px);
        transform: translate(-25px, -150px)
    }
    .screen-panel_about .vintage-web-prod {
        display: none
    }
    .effectiveness-creativity .effectiveness__animation {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-10px) translateY(10px) scale(.8);
        transform: translateX(-10px) translateY(10px) scale(.8)
    }
    .effectiveness-creativity .creativity .rolling-block {
        right: 40px;
        top: 200px
    }
    .effectiveness-creativity .creativity .play-ico {
        left: 110px;
        top: 40%
    }
    .effectiveness-creativity .creativity__animation {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: translateX(20px) scale(.85);
        transform: translateX(20px) scale(.85)
    }
}

@media only screen and (min-width:1024px) and (max-width:1024px) {
    .home-page {
        position: fixed
    }
    .home-page .inner-section .glitch {
        left: 60px;
        right: 60px
    }
    .screen-panel_home .web-production {
        left: 60px;
        -webkit-transform: translate(-25px, -150px);
        transform: translate(-25px, -150px)
    }
    .screen-panel_home .visuals__slider {
        display: block;
        right: 60px;
        -webkit-transition: opacity 3s, visibility 3s;
        transition: opacity 3s, visibility 3s
    }
    .screen-panel_home .visuals__slider img {
        right: 0
    }
    .screen-panel_home .fixed .socials-portfolio .portfolio {
        display: block
    }
    .screen-panel_home .fixed .socials-portfolio .behance {
        margin-right: 0
    }
    .screen-panel_home .fixed .vintage-web-prod {
        display: block
    }
    .screen-panel_home.hidden {
        -webkit-transform: none!important;
        transform: none!important
    }
    .screen-panel_about .vintage-web-prod {
        display: none
    }
    .contacts-actions {
        margin-left: 33%
    }
    .contacts-actions.float-right {
        margin-left: 0;
        width: 67%
    }
    .mail-pnone:nth-child(2) {
        width: 34%
    }
    .features .v-lines {
        display: block
    }
    .features .v-lines__inner,
    .features .v-lines__outer {
        border-left: 1px solid #000;
        border-right: 1px solid #000
    }
    .features__stage {
        width: auto;
        left: 60px;
        right: 60px
    }
    .features__stage__shadows {
        width: 34%
    }
    .features-pagination {
        left: 60px
    }
    .business__tasks li {
        width: 33%;
        padding-right: 20px
    }
    .business__tasks li:nth-child(2) {
        width: 34%
    }
    .awards__list__i {
        width: 17%
    }
    .awards__list__i:first-child,
    .awards__list__i:nth-child(6) {
        width: 16%
    }
    .awards__list__i:first-child .description,
    .awards__list__i:first-child .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s;
        transition: -webkit-transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s;
        transition: transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s;
        transition: transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s, -webkit-transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s
    }
    .awards__list__i:nth-child(2) .description,
    .awards__list__i:nth-child(2) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms;
        transition: -webkit-transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms;
        transition: transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms;
        transition: transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms, -webkit-transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms
    }
    .awards__list__i:nth-child(3) .description,
    .awards__list__i:nth-child(3) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s;
        transition: -webkit-transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s;
        transition: transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s;
        transition: transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s, -webkit-transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s
    }
    .awards__list__i:nth-child(4) .description,
    .awards__list__i:nth-child(4) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s;
        transition: -webkit-transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s;
        transition: transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s;
        transition: transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s, -webkit-transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s
    }
    .awards__list__i:nth-child(5) .description,
    .awards__list__i:nth-child(5) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s;
        transition: -webkit-transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s;
        transition: transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s;
        transition: transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s, -webkit-transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s
    }
    .awards__list__i:nth-child(6) .description,
    .awards__list__i:nth-child(6) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s;
        transition: -webkit-transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s;
        transition: transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s;
        transition: transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s, -webkit-transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s
    }
    .business .dots {
        left: -5px;
        top: 5px;
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
    .business.hidden .dots {
        left: 70px;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    .business .pre-title__line {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
    .business .pre-title__lable {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
    .business .title {
        width: auto
    }
    .awards .dots {
        left: -5px
    }
    .awards .dots,
    .awards .pre-title__line {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
    .awards .pre-title__lable {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
    .awards.hidden .dots {
        left: 70px
    }
    .maniacs .dots {
        left: -5px
    }
    .maniacs .dots,
    .maniacs .pre-title__line {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
    .maniacs .pre-title__lable {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
    .maniacs .text .perfect {
        color: inherit!important;
        -webkit-transition: none;
        transition: none
    }
    .maniacs.hidden .dots {
        left: 70px
    }
    .maniacs.hidden .text {
        color: #fff
    }
    .two-ways .effectiveness-creativity {
        -webkit-transition: opacity .5s, visibility .5s;
        transition: opacity .5s, visibility .5s
    }
    .two-ways.hidden .effectiveness-creativity {
        opacity: 0;
        visibility: hidden
    }
    .effectiveness-creativity .shadows {
        position: absolute;
        width: 34%;
        -webkit-transition: opacity .5s;
        transition: opacity .5s
    }
    .effectiveness-creativity .effectiveness .rolling-block {
        left: 0;
        top: 200px
    }
    .effectiveness-creativity .effectiveness__animation {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-10px) translateY(10px) scale(.8);
        transform: translateX(-10px) translateY(10px) scale(.8)
    }
    .effectiveness-creativity .creativity .rolling-block {
        right: 40px;
        top: 200px
    }
    .effectiveness-creativity .creativity .play-ico {
        left: 110px;
        top: 40%
    }
    .effectiveness-creativity .creativity__animation {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: translateX(20px) scale(.85);
        transform: translateX(20px) scale(.85)
    }
    .contacts,
    .contacts .content-wrap {
        min-height: 100vh
    }
    .contacts .socials-portfolio {
        right: 60px;
        width: auto;
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    .contacts .socials-portfolio .rolling-block__content {
        color: #fff
    }
    .mail-pnone {
        width: 33%
    }
    .mail-pnone .rolling-block__content {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }
    .action-btns {
        width: 100%
    }
    .action-btns .col:first-child {
        width: 51.5%
    }
    .action-btns .col:nth-child(2) {
        width: 48.5%
    }
    .action-btns .action-btn {
        -webkit-transition: -webkit-transform .5s ease-out .5s;
        transition: -webkit-transform .5s ease-out .5s;
        transition: transform .5s ease-out .5s;
        transition: transform .5s ease-out .5s, -webkit-transform .5s ease-out .5s
    }
    .action-btns .action-btn__label,
    .action-btns .phone .rolling-block__content {
        font-size: 18px
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .home-page .inner-section .glitch {
        left: 30px;
        right: 30px
    }
    .screen-panel_home .web-production {
        left: 30px;
        -webkit-transform: translate(-25px, -150px);
        transform: translate(-25px, -150px)
    }
    .screen-panel_home .visuals__slider {
        display: block;
        right: 30px;
        -webkit-transition: opacity 3s, visibility 3s;
        transition: opacity 3s, visibility 3s
    }
    .screen-panel_home .visuals__slider img {
        right: 0
    }
    .screen-panel_home.hidden {
        -webkit-transform: none!important;
        transform: none!important
    }
    .screen-panel_about .vintage-web-prod {
        display: none
    }
    .contacts-actions {
        margin-left: 33%
    }
    .contacts-actions.float-right {
        margin-left: 0;
        width: 67%
    }
    .mail-pnone {
        width: 33%
    }
    .mail-pnone:nth-child(2) {
        width: 34%
    }
    .business .title {
        width: auto
    }
    .awards__list__i:first-child .description,
    .awards__list__i:first-child .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s;
        transition: -webkit-transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s;
        transition: transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s;
        transition: transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s, -webkit-transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s
    }
    .awards__list__i:nth-child(2) .description,
    .awards__list__i:nth-child(2) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms;
        transition: -webkit-transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms;
        transition: transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms;
        transition: transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms, -webkit-transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms
    }
    .awards__list__i:nth-child(3) .description,
    .awards__list__i:nth-child(3) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s;
        transition: -webkit-transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s;
        transition: transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s;
        transition: transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s, -webkit-transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s
    }
    .awards__list__i:nth-child(4) .description,
    .awards__list__i:nth-child(4) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s;
        transition: -webkit-transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s;
        transition: transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s;
        transition: transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s, -webkit-transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s
    }
    .awards__list__i:nth-child(5) .description,
    .awards__list__i:nth-child(5) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s;
        transition: -webkit-transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s;
        transition: transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s;
        transition: transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s, -webkit-transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s
    }
    .awards__list__i:nth-child(6) .description,
    .awards__list__i:nth-child(6) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s;
        transition: -webkit-transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s;
        transition: transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s;
        transition: transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s, -webkit-transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s
    }
    .no-flex .awards__list__i {
        width: 17%
    }
    .no-flex .awards__list__i:first-child,
    .no-flex .awards__list__i:nth-child(6) {
        width: 16%
    }
    .maniacs .text .perfect {
        color: inherit!important;
        -webkit-transition: none;
        transition: none
    }
    .two-ways .effectiveness-creativity {
        -webkit-transition: opacity .5s, visibility .5s;
        transition: opacity .5s, visibility .5s
    }
    .effectiveness-creativity .shadows {
        position: absolute;
        width: 34%;
        -webkit-transition: opacity .5s;
        transition: opacity .5s
    }
    .effectiveness-creativity .effectiveness .rolling-block {
        left: 0;
        top: 180px
    }
    .effectiveness-creativity .effectiveness__animation {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-5px) translateY(15px) scale(.65);
        transform: translateX(-5px) translateY(15px) scale(.65)
    }
    .effectiveness-creativity .creativity .rolling-block {
        right: 40px;
        top: 180px
    }
    .effectiveness-creativity .creativity .play-ico {
        left: 185px;
        top: 35%
    }
    .effectiveness-creativity .creativity__animation {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: translateX(15px) scale(.75);
        transform: translateX(15px) scale(.75)
    }
    .contacts,
    .inner-content-wrap {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    .action-btns {
        width: 100%
    }
    .action-btns .col:first-child {
        width: 51.5%
    }
    .action-btns .col:nth-child(2) {
        width: 48.5%
    }
    .action-btns .action-btn {
        -webkit-transition: -webkit-transform .5s ease-out .5s;
        transition: -webkit-transform .5s ease-out .5s;
        transition: transform .5s ease-out .5s;
        transition: transform .5s ease-out .5s, -webkit-transform .5s ease-out .5s
    }
    .action-btns .action-btn__label,
    .action-btns .phone .rolling-block__content {
        font-size: 18px
    }
    .mail-pnone .rolling-block__content {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }
}

@media only screen and (max-device-width:767px) {
    .screen-panel_home {
        -webkit-transition: background-color 3s, -webkit-transform .65s ease-in-out;
        transition: background-color 3s, -webkit-transform .65s ease-in-out;
        transition: background-color 3s, transform .65s ease-in-out;
        transition: background-color 3s, transform .65s ease-in-out, -webkit-transform .65s ease-in-out
    }
    .screen-panel_home .fixed .socials-portfolio .portfolio {
        display: none
    }
    .screen-panel_home .fixed .socials-portfolio .behance {
        margin-right: 0
    }
    .screen-panel_home .fixed .vintage-web-prod {
        display: none
    }
    .screen-panel_home .web-production {
        width: auto;
        left: 20px;
        right: 50px;
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px)
    }
    .screen-panel_home .web-production>svg {
        position: absolute;
        left: -4%
    }
    .screen-panel_home .web-production>svg>g>g:first-child {
        display: none
    }
    .screen-panel_home .world-best-line {
        display: block;
        position: absolute;
        bottom: 118px;
        right: -30px;
        width: 80px;
        height: 1px;
        background-color: #fff;
        -webkit-transition: width .35s ease-out 1s;
        transition: width .35s ease-out 1s
    }
    .screen-panel_home .world-best p {
        letter-spacing: 1px;
        white-space: normal;
        text-align: right
    }
    .screen-panel_home .video-bg,
    .screen-panel_home .visuals video {
        display: none
    }
    .screen-panel_home .visuals__slider {
        display: block;
        right: 20px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: opacity 3s, visibility 3s;
        transition: opacity 3s, visibility 3s
    }
    .screen-panel_home .visuals__slider img {
        right: -20px
    }
    .screen-panel_home .scroll-down {
        display: block
    }
    .screen-panel_home.hidden {
        -webkit-transform: translateZ(0)!important;
        transform: translateZ(0)!important
    }
    .screen-panel_home.hidden .world-best-line {
        width: 0
    }
    .screen-panel_about .vintage-logo {
        color: #121212!important
    }
    .screen-panel_about .menu-btn__line__inner {
        background-color: #121212
    }
    .screen-panel_about .menu-btn-label {
        color: #121212
    }
    .screen-panel_about .langs .rolling-block__content {
        -webkit-transition: color .35s ease-out .35s, -webkit-transform .65s ease-out 0s;
        transition: color .35s ease-out .35s, -webkit-transform .65s ease-out 0s;
        transition: transform .65s ease-out 0s, color .35s ease-out .35s;
        transition: transform .65s ease-out 0s, color .35s ease-out .35s, -webkit-transform .65s ease-out 0s
    }
    .screen-panel_about .fixed .socials-portfolio,
    .screen-panel_about .fixed .vintage-web-prod {
        display: none
    }
    .screen-panel_about .scrolling__content {
        padding-top: 120px
    }
    .contacts-actions {
        margin-left: 0
    }
    .mail-pnone:nth-child(2) {
        width: 100%
    }
    .features__stage {
        width: auto;
        left: 20px;
        right: 20px
    }
    .features__stage__shadows {
        display: none;
        width: 34%
    }
    .features-pagination {
        left: 20px
    }
    .business .dots {
        left: -5px;
        top: 5px;
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
    .business.hidden .dots {
        left: 70px;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    .business .pre-title__line {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
    .business .pre-title__lable {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
    .business .title {
        width: auto
    }
    .awards .dots {
        left: -5px
    }
    .awards .dots,
    .awards .pre-title__line {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
    .awards .pre-title__lable {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
    .awards.hidden .dots {
        left: 70px
    }
    .awards__list {
        border: 1px solid #f2f2f2;
        width: 100%;
        height: 280px;
        overflow: hidden;
        position: relative
    }
    .awards__list .ico-wrap {
        border: none
    }
    .awards__list:after,
    .awards__list:before {
        content: "";
        display: block;
        position: absolute;
        visibility: visible;
        clear: none;
        left: 50%;
        top: 0;
        bottom: 0;
        width: 1px;
        height: auto;
        background-color: rgba(0, 0, 0, .05)
    }
    .awards__list:before {
        left: 0;
        top: 50%;
        bottom: auto;
        width: 100%;
        height: 1px
    }
    .awards__list__i {
        position: absolute;
        width: 50%;
        float: none;
        border: none
    }
    .awards__list__i:first-child,
    .awards__list__i:nth-child(6) {
        width: 50%
    }
    .awards__list__i:nth-child(odd) {
        border: none
    }
    .awards__list__i:first-child .description,
    .awards__list__i:first-child .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s;
        transition: -webkit-transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s;
        transition: transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s;
        transition: transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s, -webkit-transform 1.1s cubic-bezier(.2, 1, .55, 1) 0s
    }
    .awards__list__i:nth-child(2) .description,
    .awards__list__i:nth-child(2) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms;
        transition: -webkit-transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms;
        transition: transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms;
        transition: transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms, -webkit-transform 1.2s cubic-bezier(.2, 1, .55, 1) 75ms
    }
    .awards__list__i:nth-child(3) .description,
    .awards__list__i:nth-child(3) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s;
        transition: -webkit-transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s;
        transition: transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s;
        transition: transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s, -webkit-transform 1.3s cubic-bezier(.2, 1, .55, 1) .15s
    }
    .awards__list__i:nth-child(4) .description,
    .awards__list__i:nth-child(4) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s;
        transition: -webkit-transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s;
        transition: transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s;
        transition: transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s, -webkit-transform 1.4s cubic-bezier(.2, 1, .55, 1) .225s
    }
    .awards__list__i:nth-child(5) .description,
    .awards__list__i:nth-child(5) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s;
        transition: -webkit-transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s;
        transition: transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s;
        transition: transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s, -webkit-transform 1.5s cubic-bezier(.2, 1, .55, 1) .3s
    }
    .awards__list__i:nth-child(6) .description,
    .awards__list__i:nth-child(6) .ico {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
        -webkit-transition: -webkit-transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s;
        transition: -webkit-transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s;
        transition: transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s;
        transition: transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s, -webkit-transform 1.6s cubic-bezier(.2, 1, .55, 1) .375s
    }
    .awards__list-controls,
    .clients-l__list-controls {
        display: block;
        position: relative;
        height: 45px
    }
    .maniacs .dots {
        left: -5px;
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
    .maniacs .title {
        font-size: 38px
    }
    .maniacs .pre-title__line {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }
    .maniacs .pre-title__lable {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
    .maniacs .text br {
        display: none
    }
    .maniacs .text .perfect {
        color: inherit!important;
        -webkit-transition: none;
        transition: none
    }
    .maniacs.hidden .dots {
        left: 70px
    }
    .maniacs.hidden .text {
        color: #fff
    }
    .two-ways .bg-pt {
        width: 100%
    }
    .two-ways .effectiveness {
        width: auto;
        left: -5px;
        right: -5px
    }
    .two-ways .effectiveness .rolling-block {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
    .two-ways .effectiveness-creativity .shadows {
        left: auto;
        width: 34%;
        right: -20px;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: opacity .5s;
        transition: opacity .5s
    }
    .creativity-mob {
        display: block
    }
    .creativity-mob .bg-pt {
        width: 100%
    }
    .creativity-mob .bg-pt.bg-pt_left {
        display: none
    }
    .creativity-mob .bg-pt.bg-pt_right {
        left: -20px;
        right: -20px;
        width: auto
    }
    .creativity-mob .bg-pt .bg-pt__inner {
        width: 100%
    }
    .creativity-mob .creativity {
        width: auto;
        left: -5px;
        right: -5px
    }
    .creativity-mob .creativity .rolling-block {
        -webkit-transform: translateX(-5px) translateY(30px);
        transform: translateX(-5px) translateY(30px);
        right: 35px;
        top: 180px
    }
    .creativity-mob .creativity .play-ico {
        left: 0;
        top: 53%
    }
    .creativity-mob .effectiveness {
        display: none
    }
    .creativity-mob .effectiveness-creativity .shadows {
        left: -20px;
        width: 34%;
        right: auto;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: opacity .5s;
        transition: opacity .5s
    }
    .creativity-mob .effectiveness-creativity .creativity__animation {
        -webkit-transform: translateX(2%) scale(1);
        transform: translateX(2%) scale(1)
    }
    .clients {
        overflow: hidden
    }
    .clients .content-wrap {
        padding-top: 115px
    }
    .clients.hidden .ico {
        -webkit-transition: none;
        transition: none;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    .clients-l {
        position: relative;
        overflow: hidden;
        width: auto;
        height: 430px;
        border: 1px solid #f2f2f2
    }
    .clients-l:after,
    .clients-l:before {
        content: "";
        display: block;
        position: absolute;
        visibility: visible;
        clear: none
    }
    .clients-l:before {
        left: 50%;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: rgba(0, 0, 0, .05)
    }
    .clients-l:after {
        left: 0;
        top: 50%;
        width: 100%;
        height: 33%;
        border-top: 1px solid rgba(0, 0, 0, .05);
        border-bottom: 1px solid rgba(0, 0, 0, .05);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .contacts {
        min-height: auto
    }
    .contacts .inner-content-wrap {
        padding-bottom: 0
    }
    .mail-pnone {
        float: none;
        width: auto;
        margin-bottom: 40px
    }
    .mail-pnone .rolling-block__content {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }
    .action-btns {
        float: none;
        width: auto;
        margin-bottom: 40px;
        position: relative
    }
    .action-btns .line {
        display: block
    }
    .action-btns .col {
        float: none;
        width: auto!important
    }
    .action-btns .action-btn {
        -webkit-transition: -webkit-transform .5s ease-out .5s;
        transition: -webkit-transform .5s ease-out .5s;
        transition: transform .5s ease-out .5s;
        transition: transform .5s ease-out .5s, -webkit-transform .5s ease-out .5s
    }
    .portfolio-btn-block_2 {
        display: none
    }
    .behance-btn-block {
        margin-right: 0!important
    }
    .screen-panel_contacts .mobile-splash {
        background-color: hsla(0, 0%, 7%, .975)
    }
    .contacts .socials-portfolio {
        right: 20px;
        width: auto;
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    .contacts .socials-portfolio .rolling-block__content {
        color: #fff
    }
    .pop-up_contacts {
        height: 100%;
        padding-bottom: 60px;
        box-sizing: border-box
    }
    .pop-up_contacts .scrolling {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-sizing: border-box
    }
    .contacts__content {
        width: auto !important;
        margin: 0 20px;
        padding-top: 70px
    }
    .contacts__content .area {
        height: 100px
    }
    .contacts__content .action-btn {
        height: 80px
    }
    .contacts__content .input-area {
        height: 60px;
        top: 55%
    }
    .contacts__content .field__area,
    .contacts__content .field__input,
    .contacts__content .field__title {
        float: right;
        width: 75%
    }
    .contacts__content .field__title {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
        width: 20%;
        float: left
    }
    .contacts__content .bottom-field {
        padding-top: 30px;
        overflow: hidden
    }
    .contacts__content .attach-file-btn {
        position: relative;
        margin-bottom: 10px;
        right: auto;
        left: 0;
        top: auto;
        -webkit-transform: none;
        transform: none;
        text-align: left
    }
    .area.active .field__title,
    .field.active .field__title {
        -webkit-transform: translateY(-15%) scale(.6);
        transform: translateY(-15%) scale(.6)
    }
}

@media only screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:834px) and (max-width:834px),
screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:1112px) and (max-width:1112px),
screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1024px) and (max-width:1024px),
screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1366px) and (max-width:1366px) {
    .about-page body {
        padding-top: 440px
    }
    .vintage-video {
        background-image: url(../img/content/about/v_textured.jpg);
        background-position: 50%;
        background-size: cover
    }
    .talents .next-wrap,
    .talents .prev-wrap {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .talents.hidden .next-wrap,
    .talents.hidden .prev-wrap {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@media only screen and (min-width:1024px) and (max-width:1024px) {
    .about-page body {
        padding-top: 440px
    }
    .about-page .vintage-web-prod {
        display: none
    }
    .animated-columns li {
        width: 33%;
        padding-right: 20px
    }
    .animated-columns li:nth-child(2) {
        width: 34%
    }
    .vintage-video {
        background-image: url(../img/content/about/v_textured.jpg);
        background-position: 50%;
        background-size: cover
    }
    .awards-list .amount {
        width: 33%;
        font-size: 170px
    }
    .awards-list .amount p {
        position: relative;
        -webkit-transition: opacity .5s linear, -webkit-transform .5s;
        transition: opacity .5s linear, -webkit-transform .5s;
        transition: transform .5s, opacity .5s linear;
        transition: transform .5s, opacity .5s linear, -webkit-transform .5s
    }
    .awards-list.hidden .amount p {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: none;
        transition: none
    }
    .beginning .title {
        width: auto
    }
    .people .text_highlighted {
        width: 33%
    }
    .people .line {
        left: 33%;
        -webkit-transform: translate(-1px, -58px) scaleY(1);
        transform: translate(-1px, -58px) scaleY(1);
        -webkit-transition: -webkit-transform .75s ease-out .75s;
        transition: -webkit-transform .75s ease-out .75s;
        transition: transform .75s ease-out .75s;
        transition: transform .75s ease-out .75s, -webkit-transform .75s ease-out .75s
    }
    .people .numbers {
        -webkit-transition: opacity .75s linear, -webkit-transform .75s;
        transition: opacity .75s linear, -webkit-transform .75s;
        transition: transform .75s, opacity .75s linear;
        transition: transform .75s, opacity .75s linear, -webkit-transform .75s;
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }
    .people .numbers .description {
        display: block;
        margin-top: 20px
    }
    .people.hidden .numbers {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        -webkit-transition: none;
        transition: none
    }
    .people.hidden .line {
        -webkit-transform: translate(-1px, -58px) scaleY(0);
        transform: translate(-1px, -58px) scaleY(0);
        -webkit-transition: none;
        transition: none
    }
    .talents .next-wrap,
    .talents .prev-wrap {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .talents.hidden .next-wrap,
    .talents.hidden .prev-wrap {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .about-page body {
        padding-top: 440px
    }
    .about-page .vintage-web-prod {
        display: none
    }
    .beginning .title,
    .our-days .title {
        width: auto
    }
    .animated-columns li {
        width: 33%;
        padding-right: 20px
    }
    .animated-columns li:nth-child(2) {
        width: 34%
    }
    .vintage-video {
        height: 65vh;
        background-image: url(../img/content/about/v_textured.jpg);
        background-position: 50%;
        background-size: cover
    }
    .awards .title {
        width: auto
    }
    .awards-list .amount {
        width: 33%;
        font-size: 150px
    }
    .awards-list .amount p {
        position: relative;
        -webkit-transition: opacity .5s linear, -webkit-transform .5s;
        transition: opacity .5s linear, -webkit-transform .5s;
        transition: transform .5s, opacity .5s linear;
        transition: transform .5s, opacity .5s linear, -webkit-transform .5s
    }
    .awards-list .grid-list__i .ico {
        -webkit-transition: -webkit-transform .95s;
        transition: -webkit-transform .95s;
        transition: transform .95s;
        transition: transform .95s, -webkit-transform .95s
    }
    .awards-list .grid-list__i .ico img {
        max-width: 80px
    }
    .awards-list.hidden .amount p {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    .awards-list.hidden .amount p,
    .awards-list.hidden .ico {
        -webkit-transition: none;
        transition: none
    }
    .our-days .current {
        padding-right: 120px
    }
    .our-days .future .pre-title span,
    .our-days .future .pre-title__line {
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }
    .our-days .future.hidden .pre-title span,
    .our-days .future.hidden .pre-title__line {
        -webkit-transition: none;
        transition: none
    }
    .people .text_highlighted {
        width: 33%
    }
    .people .line {
        left: 33%;
        height: 200px;
        -webkit-transform: translate(-1px, -75px) scaleY(1);
        transform: translate(-1px, -75px) scaleY(1);
        -webkit-transition: -webkit-transform .75s ease-out .75s;
        transition: -webkit-transform .75s ease-out .75s;
        transition: transform .75s ease-out .75s;
        transition: transform .75s ease-out .75s, -webkit-transform .75s ease-out .75s
    }
    .people .numbers {
        -webkit-transition: opacity .75s linear, -webkit-transform .75s;
        transition: opacity .75s linear, -webkit-transform .75s;
        transition: transform .75s, opacity .75s linear;
        transition: transform .75s, opacity .75s linear, -webkit-transform .75s;
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }
    .people .numbers .description {
        display: block;
        margin-top: 20px
    }
    .people.hidden .numbers {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        -webkit-transition: none;
        transition: none
    }
    .people.hidden .line {
        -webkit-transform: translate(-1px, -75px) scaleY(0);
        transform: translate(-1px, -75px) scaleY(0);
        -webkit-transition: none;
        transition: none
    }
    .footer .members-of .title {
        font-size: 50px
    }
    .footer .members-of {
        margin-bottom: 40px
    }
    .footer .members-of .col {
        min-height: 120px
    }
    .footer .members-of .col img {
        float: none;
        display: block;
        margin-right: 25px
    }
    .footer .members-of .col .descr-text {
        -webkit-transform: none;
        transform: none;
        margin-top: 20px
    }
    .footer .socials-portfolio {
        right: 30px
    }
    .talents .next-wrap,
    .talents .prev-wrap {
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    .talents.hidden .next-wrap,
    .talents.hidden .prev-wrap {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@media only screen and (max-device-width:767px) {
    .about-page body {
        padding-top: 300px
    }
    .mobile-splash {
        background-color: hsla(0, 0%, 7%, .975)
    }
    .fixed .langs,
    .glitch,
    .header .shadows {
        display: none
    }
    .beginning .title,
    .our-days .title {
        width: auto;
        line-height: 100%
    }
    .beginning .text br {
        display: none
    }
    .breaking-moment {
        margin-bottom: 100px
    }
    .breaking-moment .title {
        width: auto;
        line-height: 100%;
        margin-bottom: 40px
    }
    .animated-columns li:nth-child(2) {
        width: auto
    }
    .our-days .title {
        width: auto;
        line-height: 100%
    }
    .our-days .current,
    .our-days .future {
        float: none;
        width: auto;
        padding-right: 0
    }
    .our-days .current {
        margin-bottom: 30px
    }
    .our-days .future .pre-title {
        padding: 0
    }
    .our-days .future .pre-title span {
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }
    .our-days .future .pre-title__line {
        display: none
    }
    .our-days .future.hidden .pre-title span {
        -webkit-transition: none;
        transition: none
    }
    .awards .title,
    .education .title {
        width: auto;
        line-height: 100%
    }
    .awards .text,
    .education .text {
        width: auto
    }
    .awards-list .amount {
        display: none
    }
    .vintage-video {
        height: 65vh;
        background-image: url(../img/content/about/v_textured.jpg);
        background-position: 50%;
        background-size: cover
    }
    .awards-list.hidden .ico {
        -webkit-transition: none;
        transition: none;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    .people .numbers {
        -webkit-transition: opacity .5s, -webkit-transform .5s;
        transition: opacity .5s, -webkit-transform .5s;
        transition: transform .5s, opacity .5s;
        transition: transform .5s, opacity .5s, -webkit-transform .5s;
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }
    .people .numbers__i .number {
        display: block;
        font-size: 65px
    }
    .people .numbers__i .description {
        display: block;
        font-size: 10px;
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    .people .text {
        width: auto
    }
    .people .line {
        left: 50%;
        height: 120px;
        -webkit-transform: none;
        transform: none
    }
    .people.hidden .numbers {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        -webkit-transition: none;
        transition: none
    }
    .footer {
        padding-bottom: 0
    }
    .talents .text {
        width: auto;
        margin-bottom: 40px
    }
    .talents .share-talent {
        position: relative;
        width: auto;
        top: auto;
        margin-bottom: 60px
    }
    .talents .share-talent-btn {
        width: 100%;
        text-align: center;
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }
    .talents .members-of {
        margin-bottom: 40px
    }
    .talents .members-of .title {
        margin-bottom: 0;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }
    .talents .members-of .col {
        float: none;
        width: auto;
        height: 50px;
        margin-bottom: 20px
    }
    .talents .members-of .col img {
        position: relative;
        bottom: auto
    }
    .talents .members-of .col .descr-text,
    .talents .members-of .col .text {
        position: relative;
        bottom: auto;
        padding-top: 10px
    }
    .talents .members-of .col:nth-child(2) {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 0;
        -webkit-transition: opacity .5s, -webkit-transform .5s;
        transition: opacity .5s, -webkit-transform .5s;
        transition: transform .5s, opacity .5s;
        transition: transform .5s, opacity .5s, -webkit-transform .5s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .talents .members-of .col:nth-child(2) .slide-in-wrap {
        margin-bottom: 20px;
        width: 50%;
        display: block
    }
    .talents .members-of .col:nth-child(3) {
        float: left;
        width: 50%;
        -webkit-transition: opacity .5s, -webkit-transform .5s;
        transition: opacity .5s, -webkit-transform .5s;
        transition: transform .5s, opacity .5s;
        transition: transform .5s, opacity .5s, -webkit-transform .5s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }
    .talents .members-of .slide-in {
        overflow-y: visible
    }
    .talents .members-of .slide-in img {
        margin-bottom: 10px
    }
    .talents .members-of .slide-in .descr-text {
        -webkit-transform: none;
        transform: none
    }
    .talents .approach-wrap,
    .talents .portfolio-wrap {
        -webkit-transition: -webkit-transform .5s ease-out 1.5s;
        transition: -webkit-transform .5s ease-out 1.5s;
        transition: transform .5s ease-out 1.5s;
        transition: transform .5s ease-out 1.5s, -webkit-transform .5s ease-out 1.5s
    }
    .talents .socials-portfolio {
        right: 20px
    }
    .talents .socials-portfolio .facebook {
        margin-right: 50px
    }
    .talents .socials-portfolio .behance {
        margin-right: 0
    }
    .talents .socials-portfolio .portfolio {
        display: none
    }
    .talents .bottom {
        height: 140px
    }
    .talents.hidden .share-talent-btn {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    .talents.hidden .col,
    .talents.hidden .share-talent-btn {
        -webkit-transition: none;
        transition: none
    }
    .talents.hidden .col:nth-child(2),
    .talents.hidden .col:nth-child(3) {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    .talents.hidden .approach-wrap,
    .talents.hidden .portfolio-wrap {
        -webkit-transition: none;
        transition: none;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@media only screen and (min-width:1024px) and (max-width:1024px) {
    .screen-panel_approach-header.hidden {
        visibility: hidden;
        -webkit-transform: none;
        transform: none
    }
    .screen-panel_approach-body .vintage-web-prod {
        display: none
    }
    .screen-panel_approach-body .levels-slider {
        position: absolute;
        width: 580px;
        height: 540px;
        top: 87px;
        right: 100px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: opacity .5s ease-in-out .25s, -webkit-transform .5s ease-in-out .25s;
        transition: opacity .5s ease-in-out .25s, -webkit-transform .5s ease-in-out .25s;
        transition: opacity .5s ease-in-out .25s, transform .5s ease-in-out .25s;
        transition: opacity .5s ease-in-out .25s, transform .5s ease-in-out .25s, -webkit-transform .5s ease-in-out .25s
    }
    .screen-panel_approach-body .algorithm .steps__i,
    .screen-panel_approach-body .prestart .steps__i {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%
    }
    .screen-panel_approach-body .algorithm .steps__i:nth-child(2),
    .screen-panel_approach-body .prestart .steps__i:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 34%;
        flex: 0 0 34%
    }
    .screen-panel_approach-body .question .shadows {
        width: calc((100% - 2 * 60px) * .34)
    }
    .screen-panel_approach-body .footer .contacts-btn-wrap {
        right: 60px;
        width: calc((100% - 2 * 60px) * .33)
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .screen-panel_approach-header.hidden {
        visibility: hidden;
        -webkit-transform: none;
        transform: none
    }
    .screen-panel_approach-body .vintage-web-prod {
        display: none
    }
    .screen-panel_approach-body .levels-progress {
        padding-left: 0
    }
    .screen-panel_approach-body .levels-progress .progress {
        height: 460px
    }
    .screen-panel_approach-body .levels-slider {
        position: absolute;
        width: 520px;
        height: 450px;
        top: 270px;
        right: 30px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: opacity .5s ease-in-out .25s, -webkit-transform .5s ease-in-out .25s;
        transition: opacity .5s ease-in-out .25s, -webkit-transform .5s ease-in-out .25s;
        transition: opacity .5s ease-in-out .25s, transform .5s ease-in-out .25s;
        transition: opacity .5s ease-in-out .25s, transform .5s ease-in-out .25s, -webkit-transform .5s ease-in-out .25s
    }
    .screen-panel_approach-body .levels-hit-area {
        top: 220px
    }
    .screen-panel_approach-body .levels-slider__i {
        width: 70%
    }
    .screen-panel_approach-body .levels-slider__i .num {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px
    }
    .screen-panel_approach-body .levels-slider__i.active {
        width: 100%
    }
    .screen-panel_approach-body .levels-slider__i.active .num {
        height: 50px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95px;
        flex: 0 0 95px
    }
    .screen-panel_approach-body .levels-slider__i.active .num span {
        top: 0;
        font-size: 70px;
        line-height: 50px;
        -webkit-transform: rotate(0) translateZ(0);
        transform: rotate(0) translateZ(0)
    }
    .screen-panel_approach-body .levels-slider__i.active .title {
        font-size: 30px
    }
    .screen-panel_approach-body .levels-slider__i.active .description {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .75s linear .35s, visibility .75s linear .35s, -webkit-transform .75s linear .35s;
        transition: opacity .75s linear .35s, visibility .75s linear .35s, -webkit-transform .75s linear .35s;
        transition: opacity .75s linear .35s, visibility .75s linear .35s, transform .75s linear .35s;
        transition: opacity .75s linear .35s, visibility .75s linear .35s, transform .75s linear .35s, -webkit-transform .75s linear .35s
    }
    .screen-panel_approach-body .algorithm .steps__i,
    .screen-panel_approach-body .prestart .steps__i {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%
    }
    .screen-panel_approach-body .algorithm .steps__i:nth-child(2),
    .screen-panel_approach-body .prestart .steps__i:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 34%;
        flex: 0 0 34%
    }
    .screen-panel_approach-body .question .shadows {
        width: calc((100% - 2 * 30px) * .34)
    }
    .screen-panel_approach-body .footer .contacts-btn-wrap {
        right: 30px;
        width: calc((100% - 2 * 30px) * .33)
    }
}

@media only screen and (max-device-width:767px) {
    .screen-panel_approach-header .mobile-splash,
    .screen-panel_approach-header .shadows {
        display: none
    }
    .screen-panel_approach-header .scroll-down {
        display: block
    }
    .screen-panel_approach-body .menu-btn__line__inner {
        background-color: #121212
    }
    .screen-panel_approach-body .menu-btn-label,
    .screen-panel_approach-body .vintage-logo {
        color: #121212
    }
    .screen-panel_approach-body .intro {
        margin-bottom: 60px
    }
    .screen-panel_approach-body .intro .text {
        width: 100%
    }
    .screen-panel_approach-body .levels .levels-progress {
        position: relative;
        width: 80px;
        padding-left: 0;
        margin: 0 auto 50px
    }
    .screen-panel_approach-body .levels .levels-progress .progress {
        height: 230px;
        box-shadow: 8px 0 20px rgba(0, 0, 0, .1)
    }
    .screen-panel_approach-body .levels .levels-progress p {
        display: none
    }
    .screen-panel_approach-body .levels .levels-slider {
        display: block;
        position: relative;
        width: auto;
        right: auto;
        top: auto
    }
    .screen-panel_approach-body .levels .levels-slider__header {
        position: relative;
        height: 18px;
        overflow: hidden;
        margin-bottom: 30px;
        font-family: Roboto, sans-serif;
        font-size: 12px;
        letter-spacing: 1px;
        text-transform: uppercase
    }
    .screen-panel_approach-body .levels .levels-slider__header .current,
    .screen-panel_approach-body .levels .levels-slider__header .next {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .screen-panel_approach-body .levels .levels-slider__header .next {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    .screen-panel_approach-body .levels .mobile-controls {
        display: block;
        position: absolute;
        height: 18px;
        left: 0;
        right: 0;
        font-family: Roboto, sans-serif;
        font-size: 12px;
        letter-spacing: 1px;
        -webkit-transform: translateY(-230px);
        transform: translateY(-230px)
    }
    .screen-panel_approach-body .levels .mobile-controls__next-btn,
    .screen-panel_approach-body .levels .mobile-controls__prev-btn {
        position: absolute;
        top: 0;
        width: 60px;
        height: 100%;
        overflow: hidden
    }
    .screen-panel_approach-body .levels .mobile-controls__next-btn .current,
    .screen-panel_approach-body .levels .mobile-controls__next-btn .next,
    .screen-panel_approach-body .levels .mobile-controls__prev-btn .current,
    .screen-panel_approach-body .levels .mobile-controls__prev-btn .next {
        position: absolute;
        top: 0;
        height: 18px
    }
    .screen-panel_approach-body .levels .mobile-controls__next-btn .current span,
    .screen-panel_approach-body .levels .mobile-controls__next-btn .next span,
    .screen-panel_approach-body .levels .mobile-controls__prev-btn .current span,
    .screen-panel_approach-body .levels .mobile-controls__prev-btn .next span {
        position: absolute;
        top: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .screen-panel_approach-body .levels .mobile-controls__next-btn .next,
    .screen-panel_approach-body .levels .mobile-controls__prev-btn .next {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    .screen-panel_approach-body .levels .mobile-controls__prev-btn {
        left: 0
    }
    .screen-panel_approach-body .levels .mobile-controls__next-btn,
    .screen-panel_approach-body .levels .mobile-controls__next-btn .current,
    .screen-panel_approach-body .levels .mobile-controls__next-btn .next {
        right: 0
    }
    .screen-panel_approach-body .levels .mobile-controls__next-btn .current span,
    .screen-panel_approach-body .levels .mobile-controls__next-btn .next span {
        -webkit-transform: translateX(-100%) rotate(90deg);
        transform: translateX(-100%) rotate(90deg)
    }
    .screen-panel_approach-body .levels .levels-slider__header__num {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px
    }
    .screen-panel_approach-body .levels .levels-slider__header__num span {
        display: inline-block;
        position: relative;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    .screen-panel_approach-body .levels .levels-slider__header__title {
        white-space: nowrap
    }
    .screen-panel_approach-body .levels .levels-slider__i {
        position: absolute;
        left: 0;
        top: auto;
        width: 100%;
        opacity: 0;
        visibility: hidden
    }
    .screen-panel_approach-body .levels .levels-slider__i .num {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px
    }
    .screen-panel_approach-body .levels .levels-slider__i .title-description {
        padding-top: 4px
    }
    .screen-panel_approach-body .levels .levels-slider__i .title-description .title {
        font-family: Roboto, sans-serif;
        font-size: 16px;
        text-transform: uppercase;
        line-height: 100%;
        margin-bottom: 30px;
        letter-spacing: 1px
    }
    .screen-panel_approach-body .levels .levels-slider__i .title-description .description {
        opacity: 1;
        visibility: visible;
        width: auto;
        right: 0
    }
    .screen-panel_approach-body .levels .levels-slider__i .title-description .description:before {
        position: absolute;
        display: block;
        content: "";
        left: 0;
        top: -15px;
        width: 13px;
        height: 1px;
        background-color: #121212
    }
    .screen-panel_approach-body .levels .levels-hit-area {
        display: none
    }
    .screen-panel_approach-body .algorithm,
    .screen-panel_approach-body .prestart {
        padding-bottom: 60px
    }
    .screen-panel_approach-body .algorithm .title,
    .screen-panel_approach-body .prestart .title {
        margin-bottom: 40px
    }
    .screen-panel_approach-body .algorithm .steps,
    .screen-panel_approach-body .prestart .steps {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .screen-panel_approach-body .algorithm .steps__i,
    .screen-panel_approach-body .prestart .steps__i {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 40px
    }
    .screen-panel_approach-body .algorithm .steps__i .ico,
    .screen-panel_approach-body .prestart .steps__i .ico {
        margin-bottom: 25px
    }
    .screen-panel_approach-body .approach .title {
        width: 100%
    }
    .screen-panel_approach-body .approach .steps {
        display: block;
        overflow: hidden;
        height: 180px;
        position: relative;
        margin-bottom: 0
    }
    .screen-panel_approach-body .approach .steps__i {
        position: absolute;
        width: 100%;
        text-align: center
    }
    .screen-panel_approach-body .approach .steps__i .ico {
        margin: 0 auto 20px
    }
    .screen-panel_approach-body .approach .step-text,
    .screen-panel_approach-body .approach .step-title {
        padding: 0 20px
    }
    .screen-panel_approach-body .approach .steps-controls {
        display: block;
        position: relative;
        height: 45px
    }
    .screen-panel_approach-body .approach .descriptions {
        width: 100%
    }
    .screen-panel_approach-body .approach .descriptions:before {
        display: none
    }
    .screen-panel_approach-body .question {
        padding: 75px 0
    }
    .screen-panel_approach-body .question .shadows {
        display: none
    }
    .screen-panel_approach-body .footer .text,
    .screen-panel_approach-body .question .text,
    .screen-panel_approach-body .result-block__text,
    .screen-panel_approach-body .results__text {
        width: 100%
    }
    .screen-panel_approach-body .footer .contacts-btn-wrap {
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
        text-align: left
    }
    .screen-panel_approach-body .footer .contacts-btn-wrap:before {
        content: "";
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 1px;
        background-color: #d0d0d0
    }
    .screen-panel_approach-body .footer .contacts-btn-wrap:after {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        top: 100px;
        display: block;
        width: 100%;
        height: 1px;
        background-color: #d0d0d0
    }
    .screen-panel_approach-body .footer .contacts-btn-wrap .action-btn {
        display: inline-block;
        width: auto
    }
    .screen-panel_approach-body .footer .socials-portfolio,
    .screen-panel_approach-body .footer .vintage-is-all {
        color: #121212
    }
}

@media only screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:834px) and (max-width:834px),
screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:1112px) and (max-width:1112px),
screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1024px) and (max-width:1024px),
screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1366px) and (max-width:1366px) {
    .screen-panel_portfolio {
        -webkit-transition: none;
        transition: none
    }
}

@media only screen and (min-width:1024px) and (max-width:1024px) {
    .screen-panel_portfolio {
        -webkit-transition: none;
        transition: none
    }
    .screen-panel_portfolio .fixed .vintage-web-prod {
        display: block
    }
    .screen-panel_portfolio .arrow-controls__left,
    .screen-panel_portfolio .arrow-controls__right {
        display: none
    }
    .screen-panel_portfolio .v-lines {
        -webkit-transition: none;
        transition: none
    }
    .screen-panel_portfolio .v-lines__inner {
        width: 320px
    }
    .screen-panel_portfolio .v-lines__outer {
        width: 100%
    }
    .screen-panel_portfolio .filter {
        right: 60px
    }
    .screen-panel_portfolio .project-title .rolling-block__content {
        -webkit-transform: none;
        transform: none
    }
    .screen-panel_portfolio .portfolio-slider {
        overflow-x: hidden;
        height: 400px;
        -webkit-transform: translate3d(0, -170px, 0);
        transform: translate3d(0, -170px, 0)
    }
    .screen-panel_portfolio .projects-list {
        width: 100%;
        height: 400px
    }
    .screen-panel_portfolio .projects-list__i .gradient {
        display: none
    }
    .screen-panel_portfolio .projects-list__i:hover .project-preview {
        box-shadow: none
    }
    .screen-panel_portfolio .menu__content .vintage-is-all {
        display: block
    }
    .screen-panel_portfolio.hidden {
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .screen-panel_portfolio,
    .screen-panel_portfolio .v-lines {
        -webkit-transition: none;
        transition: none
    }
    .screen-panel_portfolio .v-lines {
        left: 30px;
        right: 30px;
        width: auto;
        -webkit-transform: none;
        transform: none
    }
    .screen-panel_portfolio .v-lines__inner {
        width: 320px
    }
    .screen-panel_portfolio .v-lines__outer {
        width: 100%
    }
    .screen-panel_portfolio .portfolio-controls .arrow-controls {
        top: calc((50vh - 340px / 2)/ 2)
    }
    .screen-panel_portfolio .filter {
        right: 30px
    }
    .screen-panel_portfolio .project-title .rolling-block__content {
        -webkit-transform: none;
        transform: none
    }
    .screen-panel_portfolio .menu__content .vintage-is-all {
        display: block
    }
    .screen-panel_portfolio.hidden {
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (max-device-width:767px) {
    .screen-panel_portfolio .fixed .vintage-web-prod {
        display: none
    }
    .screen-panel_portfolio .scrolling {
        overflow: scroll
    }
    .screen-panel_portfolio .scrolling__content {
        height: auto
    }
    .screen-panel_portfolio .filter,
    .screen-panel_portfolio .shadows,
    .screen-panel_portfolio .v-lines {
        display: none
    }
    .screen-panel_portfolio .project-title {
        left: 0;
        right: auto
    }
    .screen-panel_portfolio .project-title .rolling-block__content {
        -webkit-transform: none;
        transform: none
    }
    .screen-panel_portfolio .projects-list__i .gradient {
        display: none
    }
    .screen-panel_portfolio .projects-list__i:hover .project-preview {
        box-shadow: none
    }
    .screen-panel_portfolio .arrow-controls,
    .screen-panel_portfolio .heading {
        display: none
    }
    .screen-panel_portfolio .portfolio-slider {
        position: relative;
        left: 0;
        top: auto;
        width: auto;
        height: auto;
        padding: 120px 20px 0;
        -webkit-transform: none;
        transform: none;
        overflow: auto
    }
    .screen-panel_portfolio .portfolio-slider:after {
        content: "";
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 10px;
        height: 50px;
        z-index: 100
    }
    .screen-panel_portfolio .portfolio-slider.hidden .projects-list__i {
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%);
        -webkit-transition: none;
        transition: none
    }
    .screen-panel_portfolio .portfolio-slider.hidden .projects-list__i .rolling-block__content {
        -webkit-transition: none;
        transition: none;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    .screen-panel_portfolio .projects-list {
        position: relative;
        height: auto
    }
    .screen-panel_portfolio .projects-list__i {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: 180px;
        margin-bottom: 70px;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s
    }
    .screen-panel_portfolio .projects-list__i:first-child {
        -webkit-transition-delay: 75ms;
        transition-delay: 75ms
    }
    .screen-panel_portfolio .projects-list__i:first-child .rolling-block__content {
        -webkit-transition-delay: .575s;
        transition-delay: .575s
    }
    .screen-panel_portfolio .projects-list__i:nth-child(2) {
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }
    .screen-panel_portfolio .projects-list__i:nth-child(2) .rolling-block__content {
        -webkit-transition-delay: .65s;
        transition-delay: .65s
    }
    .screen-panel_portfolio .projects-list__i:nth-child(3) {
        -webkit-transition-delay: .225s;
        transition-delay: .225s
    }
    .screen-panel_portfolio .projects-list__i:nth-child(3) .rolling-block__content {
        -webkit-transition-delay: .725s;
        transition-delay: .725s
    }
    .screen-panel_portfolio .projects-list__i:nth-child(4) {
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }
    .screen-panel_portfolio .projects-list__i:nth-child(4) .rolling-block__content {
        -webkit-transition-delay: .8s;
        transition-delay: .8s
    }
    .screen-panel_portfolio .projects-list__i:nth-child(5) {
        -webkit-transition-delay: .375s;
        transition-delay: .375s
    }
    .screen-panel_portfolio .projects-list__i:nth-child(5) .rolling-block__content {
        -webkit-transition-delay: .875s;
        transition-delay: .875s
    }
    .screen-panel_portfolio .project-preview {
        height: 100%
    }
    .screen-panel_portfolio .menu__content .vintage-is-all {
        display: none
    }
    .screen-panel_portfolio .scrolling .vintage-is-all {
        display: block
    }
    .screen-panel_portfolio .scrolling .socials-portfolio {
        display: block;
        width: 100%;
        bottom: 40px
    }
    .screen-panel_portfolio .footer-bottom {
        margin: 0 20px
    }
    .screen-panel_portfolio.hidden {
        visibility: hidden;
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (min-width:1024px) and (max-width:1024px) {
    .prices-page .vintage-web-prod {
        display: none
    }
    .prices-page .footer .discuss-wrap {
        width: 34%
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .prices-page .vintage-web-prod {
        display: none
    }
    .prices-page .footer .discuss-wrap {
        width: 34%
    }
    .fixed .vintage-logo {
        left: 30px
    }
    .evangelists .title {
        width: auto
    }
}

@media only screen and (max-device-width:767px) {
    .prices-page .fixed-hud .menu-btn-label,
    .prices-page .fixed-hud.vintage-logo {
        color: #121212
    }
    .prices-page .fixed-hud .menu-btn__line__inner {
        background-color: #121212
    }
    .prices-page .footer .discuss-wrap {
        width: 100%;
        position: relative
    }
    .prices-page .footer .discuss-wrap:before {
        z-index: 1;
        top: 0
    }
    .prices-page .footer .discuss-wrap:after,
    .prices-page .footer .discuss-wrap:before {
        content: "";
        position: absolute;
        left: 0;
        display: block;
        width: 100%;
        height: 1px;
        background-color: #d0d0d0
    }
    .prices-page .footer .discuss-wrap:after {
        z-index: -1;
        top: 100px
    }
    .prices-page .footer .discuss-wrap .action-btn {
        display: inline-block;
        width: auto
    }
    .evangelists .text {
        width: auto
    }
    .sites-list__i {
        display: block;
        padding-top: 40px;
        padding-bottom: 40px
    }
    .sites-list__i .info {
        width: auto;
        margin-bottom: 10px
    }
    .sites-list__i .info__title {
        font-size: 20px;
        letter-spacing: 2px
    }
    .sites-list__i .price {
        width: auto;
        text-align: left
    }
    .sites-list__i .hover .rolling-block {
        white-space: nowrap
    }
    .sites-list__i .hover .bg {
        left: -20px;
        right: -20px
    }
    .prices-page .footer .text {
        text-align: left
    }
    .socials-portfolio {
        right: 20px
    }
    .socials-portfolio .behance {
        margin: 0
    }
    .prev-next-page {
        display: none
    }
}

@media only screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:834px) and (max-width:834px),
screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:1112px) and (max-width:1112px),
screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1024px) and (max-width:1024px),
screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1366px) and (max-width:1366px) {
    .project-case-page {
        position: fixed
    }
    .project-case-page .heading-text {
        height: auto;
        -webkit-transition: opacity 1s;
        transition: opacity 1s
    }
    .project-case-page .heading-text h1 {
        display: block;
        white-space: normal;
        line-height: 100%;
        text-align: center;
        font-size: 140px
    }
    .project-case-page .heading-text .sub-heading {
        position: relative;
        -webkit-transform: none;
        transform: none;
        left: auto;
        top: auto
    }
    .project-case-page .heading-text.heading-text_sm h1 {
        font-size: 100px
    }
    .screen-panel_project-header.hidden {
        visibility: hidden;
        -webkit-transform: none!important;
        transform: none!important
    }
    .screen-panel_project-header.hidden .heading-text {
        opacity: 0
    }
    .screen-panel_project-header.hidden .sub-heading {
        -webkit-transform: none;
        transform: none
    }
    .project-details .details {
        -webkit-transition: opacity .75s, visibility .75s, -webkit-transform .75s;
        transition: opacity .75s, visibility .75s, -webkit-transform .75s;
        transition: transform .75s, opacity .75s, visibility .75s;
        transition: transform .75s, opacity .75s, visibility .75s, -webkit-transform .75s;
        -webkit-transition-delay: .75s;
        transition-delay: .75s
    }
    .project-details .author-pic {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s
    }
    .project-details .author-signature {
        -webkit-transition: opacity .75s, visibility .75s, -webkit-transform .75s;
        transition: opacity .75s, visibility .75s, -webkit-transform .75s;
        transition: transform .75s, opacity .75s, visibility .75s;
        transition: transform .75s, opacity .75s, visibility .75s, -webkit-transform .75s;
        -webkit-transition-delay: .75s;
        transition-delay: .75s
    }
    .project-details.hidden .details {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
    .project-results .results-l__i {
        -webkit-transition: opacity .35s, -webkit-transform .35s;
        transition: opacity .35s, -webkit-transform .35s;
        transition: transform .35s, opacity .35s;
        transition: transform .35s, opacity .35s, -webkit-transform .35s
    }
    .project-results .results-l__i:first-child {
        -webkit-transition-delay: .45s;
        transition-delay: .45s
    }
    .project-results .results-l__i:nth-child(2) {
        -webkit-transition-delay: .55s;
        transition-delay: .55s
    }
    .project-results .results-l__i:nth-child(3) {
        -webkit-transition-delay: .65s;
        transition-delay: .65s
    }
    .project-results .results-l__i:nth-child(4) {
        -webkit-transition-delay: .75s;
        transition-delay: .75s
    }
    .project-results .results-l__i:nth-child(5) {
        -webkit-transition-delay: .85s;
        transition-delay: .85s
    }
    .project-results .results-l__i:nth-child(6) {
        -webkit-transition-delay: .95s;
        transition-delay: .95s
    }
    .project-results .results-l__i:nth-child(7) {
        -webkit-transition-delay: 1.05s;
        transition-delay: 1.05s
    }
    .project-results.hidden .results-l__i {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@media only screen and (min-width:1024px) and (max-width:1024px) {
    .project-case-page {
        position: fixed
    }
    .project-case-page .project-results .discuss-wrap {
        width: 34%
    }
    .project-case-page .heading-text {
        height: auto;
        -webkit-transition: opacity 1s;
        transition: opacity 1s
    }
    .project-case-page .heading-text h1 {
        display: block;
        white-space: normal;
        line-height: 100%;
        text-align: center;
        font-size: 140px
    }
    .project-case-page .heading-text .sub-heading {
        position: relative;
        -webkit-transform: none;
        transform: none;
        left: auto;
        top: auto
    }
    .project-case-page .heading-text.heading-text_sm h1 {
        font-size: 100px
    }
    .screen-panel_project-header.hidden {
        visibility: hidden;
        -webkit-transform: none!important;
        transform: none!important
    }
    .screen-panel_project-header.hidden .heading-text {
        opacity: 0
    }
    .screen-panel_project-header.hidden .sub-heading {
        -webkit-transform: none;
        transform: none
    }
    .screen-panel_project-case .vintage-web-prod {
        display: none
    }
    .project-details .details {
        -webkit-transition: opacity .75s, visibility .75s, -webkit-transform .75s;
        transition: opacity .75s, visibility .75s, -webkit-transform .75s;
        transition: transform .75s, opacity .75s, visibility .75s;
        transition: transform .75s, opacity .75s, visibility .75s, -webkit-transform .75s;
        -webkit-transition-delay: .75s;
        transition-delay: .75s
    }
    .project-details .author-pic {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s
    }
    .project-details .author-signature {
        -webkit-transition: opacity .75s, visibility .75s, -webkit-transform .75s;
        transition: opacity .75s, visibility .75s, -webkit-transform .75s;
        transition: transform .75s, opacity .75s, visibility .75s;
        transition: transform .75s, opacity .75s, visibility .75s, -webkit-transform .75s;
        -webkit-transition-delay: .75s;
        transition-delay: .75s
    }
    .project-details.hidden .details {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
    .project-results .results-l__i {
        -webkit-transition: opacity .35s, -webkit-transform .35s;
        transition: opacity .35s, -webkit-transform .35s;
        transition: transform .35s, opacity .35s;
        transition: transform .35s, opacity .35s, -webkit-transform .35s
    }
    .project-results .results-l__i:first-child {
        -webkit-transition-delay: .45s;
        transition-delay: .45s
    }
    .project-results .results-l__i:nth-child(2) {
        -webkit-transition-delay: .55s;
        transition-delay: .55s
    }
    .project-results .results-l__i:nth-child(3) {
        -webkit-transition-delay: .65s;
        transition-delay: .65s
    }
    .project-results .results-l__i:nth-child(4) {
        -webkit-transition-delay: .75s;
        transition-delay: .75s
    }
    .project-results .results-l__i:nth-child(5) {
        -webkit-transition-delay: .85s;
        transition-delay: .85s
    }
    .project-results .results-l__i:nth-child(6) {
        -webkit-transition-delay: .95s;
        transition-delay: .95s
    }
    .project-results .results-l__i:nth-child(7) {
        -webkit-transition-delay: 1.05s;
        transition-delay: 1.05s
    }
    .project-results.hidden .results-l__i {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .project-case-page {
        position: fixed
    }
    .project-case-page .project-results .discuss-wrap {
        width: 34%
    }
    .project-case-page .fixed .vintage-logo {
        left: 30px
    }
    .project-case-page .heading-text {
        height: auto;
        -webkit-transition: opacity 1s;
        transition: opacity 1s
    }
    .project-case-page .heading-text h1 {
        display: block;
        white-space: normal;
        line-height: 100%;
        text-align: center;
        font-size: 140px
    }
    .project-case-page .heading-text .sub-heading {
        position: relative;
        -webkit-transform: none;
        transform: none;
        left: auto;
        top: auto
    }
    .project-case-page .heading-text.heading-text_sm h1 {
        font-size: 100px
    }
    .project-case-page .shadows {
        width: 33%
    }
    .project-case-page .screen-panel_project-header.hidden {
        -webkit-transform: none;
        transform: none;
        visibility: hidden
    }
    .project-case-page .screen-panel_project-header.hidden .heading-text {
        opacity: 0
    }
    .project-case-page .screen-panel_project-header.hidden .sub-heading {
        -webkit-transform: none;
        transform: none
    }
    .project-case-page .screen-panel_project-case .vintage-web-prod {
        display: none
    }
    .project-case-page .project-details .details {
        -webkit-transition: opacity .75s, visibility .75s, -webkit-transform .75s;
        transition: opacity .75s, visibility .75s, -webkit-transform .75s;
        transition: transform .75s, opacity .75s, visibility .75s;
        transition: transform .75s, opacity .75s, visibility .75s, -webkit-transform .75s;
        -webkit-transition-delay: .75s;
        transition-delay: .75s
    }
    .project-case-page .project-details .author-pic {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s
    }
    .project-case-page .project-details .author-signature {
        -webkit-transition: opacity .75s, visibility .75s, -webkit-transform .75s;
        transition: opacity .75s, visibility .75s, -webkit-transform .75s;
        transition: transform .75s, opacity .75s, visibility .75s;
        transition: transform .75s, opacity .75s, visibility .75s, -webkit-transform .75s;
        -webkit-transition-delay: .75s;
        transition-delay: .75s
    }
    .project-case-page .project-details.hidden .details {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
    .project-case-page .project-results .results-l__i {
        -webkit-transition: opacity .35s, -webkit-transform .35s;
        transition: opacity .35s, -webkit-transform .35s;
        transition: transform .35s, opacity .35s;
        transition: transform .35s, opacity .35s, -webkit-transform .35s
    }
    .project-case-page .project-results .results-l__i:first-child {
        -webkit-transition-delay: .45s;
        transition-delay: .45s
    }
    .project-case-page .project-results .results-l__i:nth-child(2) {
        -webkit-transition-delay: .55s;
        transition-delay: .55s
    }
    .project-case-page .project-results .results-l__i:nth-child(3) {
        -webkit-transition-delay: .65s;
        transition-delay: .65s
    }
    .project-case-page .project-results .results-l__i:nth-child(4) {
        -webkit-transition-delay: .75s;
        transition-delay: .75s
    }
    .project-case-page .project-results .results-l__i:nth-child(5) {
        -webkit-transition-delay: .85s;
        transition-delay: .85s
    }
    .project-case-page .project-results .results-l__i:nth-child(6) {
        -webkit-transition-delay: .95s;
        transition-delay: .95s
    }
    .project-case-page .project-results .results-l__i:nth-child(7) {
        -webkit-transition-delay: 1.05s;
        transition-delay: 1.05s
    }
    .project-case-page .project-results .discuss-btn {
        width: auto
    }
    .project-case-page .project-results.hidden .results-l__i {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    .project-case-page .socials-portfolio {
        right: 30px
    }
    .big-number {
        font-size: 240px;
        line-height: 220px
    }
}

@media only screen and (max-device-width:767px) {
    .project-case-page {
        position: fixed
    }
    .project-case-page .screen-panel_project-header .mobile-splash {
        display: none
    }
    .project-case-page .scroll-down {
        display: block
    }
    .project-case-page .heading-text {
        margin: 0 20px;
        height: auto;
        -webkit-transition: opacity 1s;
        transition: opacity 1s
    }
    .project-case-page .heading-text h1 {
        display: block;
        white-space: normal;
        line-height: 100%;
        text-align: left;
        font-size: 50px;
        margin-bottom: 20px
    }
    .project-case-page .heading-text .sub-heading {
        width: auto;
        position: relative;
        -webkit-transform: none;
        transform: none;
        left: auto;
        top: auto;
        text-align: left
    }
    .project-case-page .heading-text .sub-heading br {
        display: none
    }
    .project-case-page .heading-text.heading-text_sm h1 {
        font-size: 30px
    }
    .project-case-page .shadows {
        display: none
    }
    .project-case-page .project-details,
    .project-case-page .project-goals {
        margin-bottom: 10px
    }
    .project-case-page .project-details .text,
    .project-case-page .project-goals .text {
        width: auto
    }
    .project-case-page .project-details .author-pic {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s
    }
    .project-case-page .project-details .author-signature {
        -webkit-transition: opacity .75s, visibility .75s, -webkit-transform .75s;
        transition: opacity .75s, visibility .75s, -webkit-transform .75s;
        transition: transform .75s, opacity .75s, visibility .75s;
        transition: transform .75s, opacity .75s, visibility .75s, -webkit-transform .75s;
        -webkit-transition-delay: .75s;
        transition-delay: .75s
    }
    .project-case-page .project-details.bg {
        padding-top: 70px;
        padding-bottom: 40px
    }
    .project-case-page .project-details.project-details_cite {
        padding-bottom: 70px
    }
    .project-case-page .project-results {
        padding-bottom: 0
    }
    .project-case-page .project-results .results-l__i {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-transition: opacity .35s, -webkit-transform .35s;
        transition: opacity .35s, -webkit-transform .35s;
        transition: transform .35s, opacity .35s;
        transition: transform .35s, opacity .35s, -webkit-transform .35s
    }
    .project-case-page .project-results .results-l__i:first-child {
        -webkit-transition-delay: .45s;
        transition-delay: .45s
    }
    .project-case-page .project-results .results-l__i:nth-child(2) {
        -webkit-transition-delay: .55s;
        transition-delay: .55s
    }
    .project-case-page .project-results .results-l__i:nth-child(3) {
        -webkit-transition-delay: .65s;
        transition-delay: .65s
    }
    .project-case-page .project-results .results-l__i:nth-child(4) {
        -webkit-transition-delay: .75s;
        transition-delay: .75s
    }
    .project-case-page .project-results .results-l__i:nth-child(5) {
        -webkit-transition-delay: .85s;
        transition-delay: .85s
    }
    .project-case-page .project-results .results-l__i:nth-child(6) {
        -webkit-transition-delay: .95s;
        transition-delay: .95s
    }
    .project-case-page .project-results .results-l__i:nth-child(7) {
        -webkit-transition-delay: 1.05s;
        transition-delay: 1.05s
    }
    .project-case-page .project-results .result-ico {
        width: 40%;
        margin: 0
    }
    .project-case-page .project-results .result-title {
        width: 50%
    }
    .project-case-page .project-results .controls {
        height: 175px;
        display: block
    }
    .project-case-page .project-results .controls .rolling-block {
        position: absolute;
        left: 50%;
        top: 25%;
        white-space: nowrap;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .project-case-page .project-results .controls .arrow-controls {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .project-case-page .project-results .discuss-wrap {
        width: 100%;
        position: relative
    }
    .project-case-page .project-results .discuss-wrap:before {
        content: "";
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 1px
    }
    .project-case-page .project-results .discuss-wrap:after {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        top: 100px;
        display: block;
        width: 100%;
        height: 1px
    }
    .project-case-page .project-results .discuss-wrap .action-btn {
        display: inline-block;
        width: auto
    }
    .project-case-page .project-results.hidden .results-l__i {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    .big-number-title {
        display: block;
        margin-bottom: 40px
    }
    .big-number-title .title {
        margin-bottom: 30px
    }
    .big-number {
        font-family: Roboto, sans-serif;
        font-size: 160px;
        line-height: 100%;
        margin-right: 0
    }
    .socials-portfolio {
        right: 20px
    }
    .socials-portfolio .behance {
        margin: 0
    }
    .prev-next-page {
        display: none
    }
}

@media only screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:834px) and (max-width:834px),
screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:1112px) and (max-width:1112px),
screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1024px) and (max-width:1024px),
screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1366px) and (max-width:1366px) {
    .contacts-page .contacts {
        height: auto;
        min-height: 0
    }
    .contacts-page .contacts .inner-content-wrap {
        padding-bottom: 150px
    }
    .contacts-page .contacts .content-wrap {
        min-height: 0
    }
    .contacts-page .vintage-web-prod {
        display: none
    }
    .screen-panel_contacts {
        height: auto;
        min-height: 0
    }
    .screen-panel_contacts.hidden {
        -webkit-transform: none!important;
        transform: none!important
    }
}

@media only screen and (min-width:1024px) and (max-width:1024px) {
    .contacts-page {
        min-height: 100%
    }
    .contacts-page .contacts {
        height: auto;
        min-height: 0
    }
    .contacts-page .contacts .inner-content-wrap {
        padding-bottom: 130px
    }
    .contacts-page .contacts .content-wrap {
        min-height: 0;
        height: 100%
    }
    .contacts-page .vintage-web-prod {
        display: none
    }
    .screen-panel_contacts {
        height: auto
    }
    .screen-panel_contacts.hidden {
        -webkit-transform: none!important;
        transform: none!important
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .contacts-page .contacts {
        height: auto;
        min-height: 0
    }
    .contacts-page .vintage-web-prod {
        display: none
    }
    .screen-panel_contacts {
        height: auto
    }
    .screen-panel_contacts.hidden {
        -webkit-transform: none!important;
        transform: none!important
    }
}

@media only screen and (max-device-width:767px) {
    .contacts-page .vintage-web-prod {
        display: none
    }
    .screen-panel_contacts {
        height: auto
    }
    .screen-panel_contacts.hidden {
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (min-width:1024px) and (max-width:1024px) {
    .screen-panel_error {
        height: 100%
    }
    .screen-panel_error .error-message {
        width: 250px;
        left: 60px
    }
    .screen-panel_error .error-code {
        left: 100%;
        -webkit-transform: translateX(-175px);
        transform: translateX(-175px);
        -webkit-transition: opacity .75s, -webkit-transform .75s;
        transition: opacity .75s, -webkit-transform .75s;
        transition: transform .75s, opacity .75s;
        transition: transform .75s, opacity .75s, -webkit-transform .75s
    }
    .screen-panel_error .error-subline {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        -webkit-transition: -webkit-transform .75s;
        transition: -webkit-transform .75s;
        transition: transform .75s;
        transition: transform .75s, -webkit-transform .75s
    }
    .screen-panel_error .deep {
        -webkit-transition: opacity 1s linear .75s;
        transition: opacity 1s linear .75s
    }
    .screen-panel_error .inner-section.error .shadows {
        opacity: .75;
        -webkit-transition: opacity 1s linear .35s;
        transition: opacity 1s linear .35s
    }
    .screen-panel_error .inner-section.error .v-lines {
        -webkit-transition: height 1s;
        transition: height 1s
    }
    .screen-panel_error .inner-section.error .v-lines__inner {
        width: 320px
    }
    .screen-panel_error .inner-section.error.hidden .shadows {
        opacity: 0
    }
    .screen-panel_error .inner-section.error.hidden .v-lines {
        height: 0
    }
    .screen-panel_error .inner-section.error.hidden .error-code {
        opacity: 0;
        -webkit-transform: translateX(-150px);
        transform: translateX(-150px)
    }
    .screen-panel_error .inner-section.error.hidden .error-subline {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    .screen-panel_error.hidden {
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .header {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 10
    }
    .inner-section .services-text {
        font-size: 24px!important
    }
    .screen-panel_error {
        height: 100%
    }
    .screen-panel_error .error-message {
        width: 275px;
        left: 30px
    }
    .screen-panel_error .error-code {
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .screen-panel_error .deep {
        -webkit-transition: opacity 1s linear .75s;
        transition: opacity 1s linear .75s
    }
    .screen-panel_error .inner-section.error .shadows {
        opacity: .75
    }
    .screen-panel_error .inner-section.error .v-lines__inner {
        width: 320px
    }
    .screen-panel_error .inner-section.error.hidden .error-code {
        left: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    .screen-panel_error.hidden {
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (max-device-width:767px) {
    .screen-panel_about {
        margin-top: 0!important
    }
    .screen-panel_error {
        height: 100%
    }
    .screen-panel_error .error-message {
        width: auto;
        text-align: left;
        left: 20px
    }
    .screen-panel_error .error-subline {
        left: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        margin-bottom: 15px
    }
    .screen-panel_error .error-code {
        width: 180px;
        margin-bottom: 30px;
        left: 0;
        -webkit-transform: none;
        transform: none
    }
    .screen-panel_error .footer-bottom {
        display: none
    }
    .screen-panel_error .deep {
        left: 85%;
        width: 308px;
        height: 425px;
        -webkit-transition: opacity 1s linear .75s;
        transition: opacity 1s linear .75s
    }
    .screen-panel_error .inner-section.error .shadows {
        left: 100%;
        width: 250px
    }
    .screen-panel_error.hidden {
        -webkit-transform: none;
        transform: none
    }
    .screen-panel {
        position: absolute
    }
    .scrolling {
        position: relative;
        z-index: 1;
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
    .num2 {
        position: absolute;
        left: -10px;
        top: 10%!important
    }
    .num1 {
        position: absolute;
        left: -24px;
        top: 26%
    }
    .w3-bar-block .w3-bar-item {
        font-size: 70px!important
    }
    .header {
        position: relative;
        width: 100%;
        height: 40%;
        z-index: 10
    }
    .screen-panel_home .heading,
    .screen-panel_home .svg-wrap {
        position: absolute
    }
    ..carousel-control.left {
        background: linear-gradient(to bottom right, #000 15%, transparent 50%)
    }
}

.inner-section .services-text {
    font-family: Roboto, sans-serif;
    font-size: 15px;
    text-align: justify;
    line-height: 150%;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.carousel-control.left {
    background: linear-gradient(to right, #000 24%, transparent 50%)
}

.carousel-control {
    opacity: 1
}

.logo--invert {
    background: url(images/logo/logo.png);
    width: 130px;
    height: 65px;
    background-repeat: no-repeat;
    margin-left: 40px;
    background-size: cover!important;
    margin-top: 65px!important
}

.logo {
    background: url(images/logo/logo-wht.png);
    background-repeat: no-repeat;
    width: 130px;
    height: 65px;
    display: inline-block;
    background-size: cover!important;
    margin-left: 40px;
    margin-top: 65px!important
}

.ppb_title {
    font-family: Roboto, sans-serif;
    font-weight: 600!important;
    font-size: 18px!important;
    color: #121212!important;
    letter-spacing: 2px!important;
    text-transform: uppercase!important
}

.counter-Txt {
    margin-left: 40px!important;
    text-align: center;
    font-weight: 200;
    text-transform: uppercase;
    margin-top: 20px;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    color: #121212;
    letter-spacing: 1px;
    text-transform: uppercase
}

.testimonial-section {
    margin-top: 50px;
    margin-bottom: 50px
}

.get-form-c {
    margin-top: 90px
}

.carousel .testimonial {
    padding: 30px;
    border: 1px solid #efefef;
    border-radius: 5px;
    color: #121212;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    line-height: 150%;
    position: relative;
    transform: translateZ(0);
    margin-bottom: 26px;
    font-weight: 500;
    opacity: .8
}

.carousel .testimonial::after {
    content: "";
    width: 15px;
    height: 15px;
    display: block;
    background: #f1f1f1;
    border: 1px solid #efefef;
    border-width: 0 0 1px 1px;
    position: absolute;
    bottom: -8px;
    left: 46px;
    transform: rotateZ(-46deg)
}

.carousel .star-rating li {
    padding: 0 2px
}

.carousel .star-rating i {
    font-size: 16px;
    color: #ffdc12
}

.carousel .overview {
    padding: 3px 0 0 15px
}

.carousel .overview .details {
    padding: 5px 0 40px
}

.carousel .overview b {
    text-transform: uppercase;
    color: #333;
    border-radius: 5px;
    font-family: robotoregular, sans-serif;
    font-size: 14px;
    line-height: 150%;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-bottom: 26px
}

.carousel .carousel-indicators {
    bottom: -70px
}

.carousel-indicators li,
.carousel-indicators li.active {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin: 1px 2px
}

.carousel-indicators li {
    background: #e2e2e2;
    border: 4px solid #fff
}

.carousel-indicators li.active {
    color: #fff;
    background: #1abc9c;
    border: 5px double
}

.heading-test {
    padding-top: 0;
    color: #333;
    padding-bottom: 80px;
    text-align: center;
    font-family: Roboto, sans-serif
}

.bg-client {
    background: #fff
}

.col-lg-12 {
    width: auto
}

.margin-t-cont {
    margin-top: 160px
}

.margin-t-services {
    margin-top: 100px
}

.text-center {
    text-align: center!important
}

.tab_content .heading-tab {
    font-family: Roboto, sans-serif;
    font-weight: 600;
    font-size: 14px !important;
}
.heading-tab {
    font-family: Roboto, sans-serif;
    font-weight: 600;
    font-size: 16px;
}
.tabs1 {
   
    width: 1070px !important;
    
}

.menu-back-font {
    font-family: Roboto, sans-serif;
    font-size: 300px;
    text-transform: uppercase;
    font-weight: 700
}

@media only screen and (max-width:767px) and (min-width:320px) {
    .menu-back-font {
        font-family: Roboto, sans-serif;
        font-size: 140px;
        text-transform: uppercase;
        font-weight: 700
    }
    .mail-2 {
        margin-left: 0;
        width: 100%!important
    }
    .mail-pnone {
        float: none!important;
        width: auto
    }
    .logo {
        margin-top: 24px!important
    }
    .js-replace--reverse .js-replace__item--active .js-replace__content {
        transform: translateY(calc(var(--replace-offset) * -1));
        background-color: rgba(18, 18, 18, .9)
    }
    .js-replace__item--active .js-replace__content {
        transform: translateY(calc(var(--replace-offset-2) * -1));
        background-color: rgba(18, 18, 18, .9)
    }
    .js-replace__content {
        border: 1px solid transparent;
        will-change: transform;
        transform: translateY(calc(var(--replace-offset) * -1));
        background-color: rgba(255, 255, 255, .9)
    }
    .tabs1 {
        margin-top: 5px;
        width: 360px !important;
        margin-left: 18px;
        margin-bottom: 20px;
        color: #fff;
    }
    .behance.rolling-block {
        padding-right: 110px;
    }
}



	




.rc-anchor-light.rc-anchor-normal {
    border: 1px solid #d3d3d3;
    height: 68px !important;
}

.rc-anchor-normal {
    height: 68px !important;
    width: 300px;
}

.contacts .content-wrap {
    position: relative !important;
    z-index: auto;
    font-family: Roboto, sans-serif;
}

.v-lines {
    display: none;
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 900px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    pointer-events: none;
}

.client-section {
    margin-top: 50px;
    margin-bottom: 50px;
}

a.service-link {
    color: #0000FF!important;
}

.contacts__content {
    overflow: visible !important; 
}
button#submit {
    background: #000 !important;
    padding: 15px 20px;
    border-radius: 0px;
}
@media only screen and (max-width: 1920px) and (min-width: 1280px){
	
	.socials .rolling-block,
.socials-portfolio .rolling-block {
    float: right;
    font-size: 12px;
    margin-right: 25px !important ;
    pointer-events: visiblePainted
}
}
@media only screen and (max-width: 600px){
	p.rolling-block__content.desk-view {
    width: 100%;
}
	.vintage-is-all .rolling-block {
    font-size: 15px;
	margin-bottom: 20px;
	}
	.contacts__content {
    overflow: hidden !important;
}
}